Create web app design

[KrisKodira]

We need a design for the web app and preferable we should use Adobe XD. In case you didn't know you can download Adobe XD for free here.

At the moment I am still very open to any new suggestions on how this app will work and how we will differentiate the users. Maybe through a abstract JSON database that gets updated with Node.js? Please also comment any suggestions here or join the Discord to discuss changes and get help.

Tips for the design:

• Use plants as a background whenever possible
• Keep in mind that it needs to be responsive
• Keep it modern, sleek and elegant
• Use the picture in the README.md as inspiration
• Please use pictures from Unsplash or similar sites
• Max width for the wrapper is 1280 pixels

What I think we need (may change):

• A landing page where the user has to enter his name at least (I don't know yet if we will make accounts)
• A quick tutorial where the user gets to see the core features
• A overview for the workouts like in the picture mentioned above
• A page where you add your workouts
• A page where you can see a workout day you select

Submit all your designs and ideas here.

[KrisKodira]

This is the current status of the design:

[Flusinerd]

Proposed change to accommodate for cardio change

• [ ] Design a "Add a workout" page for cardio training

[KrisKodira]

Here is the cardio workout page. But as @Flusinerd mentioned in our Discord the "Workout time" part may not make any sense since nobody ever hits a preset time usually.