MyJourney

• 

  Login

• 

  Home

• 

  Workout page

• 

  Sign up

• 

  Wellbeing page

• 

  Modal

Inspiration

This project is the fruit of a brainstorming concerning my own routine. I like planning my workout and read articles about wellbeing.

What it does

This web application has two features. Users can create their own workout program, and browse through a list of tips about wellbeing.

How we built it

This project was developed using React Js and Scss for styling.

Challenges we ran into

I have coded in react before. However, I have only coded single-page scrollable websites. I got introduced to react-router-dom while doing this project. Another challenge that I have encountered was passing states between different react components. It achieved by using redux which I needed to read about. Moreover, in the fitness page, users can input details within a form which will be displayed on the fitness page. It took me a little bit of research before achieving that feature.

Accomplishments that we're proud of

I took time designing the UI of this project, and the results came out as I expected. Also I have heard about redux before without really understanding it. However, developing this project has helped me understand the basics.

What's next for MyJourney

1. Improving UI and UX (Add animations, user feedback)
2. Implement user authentification
3. Possibility to add custom images to workout programs

Built With

• react
• scss