map-my-journey

Features and Interfaces

1. Landing Page

• The web application allows you to view your life's journey in the form a graph and keeps track of the things you achieved, explored and faced difficulties with.

• You can earn various badges based on your score. For adding your first event, you get a starter badge, if your score>=50, you get an achiever badge.

• And lastly, if your score>=100, you get a perseverance badge.

  

2. Login Page

3. Signup Page

4. Home Page

5. Add event

• Here, you can select one or multiple options under any category of your choice and describe the event. (Describing the events is optional, but if an event is described, then choosing an option from the dropdown is mandatory)

6. View Journey

• On this page, the user can view her journey in the form of a graph and can also view the details regarding the various things she tried, achieved and faced difficulties with in the past month/year.

7. Profile Page

• In the profile page, the user can view all the badges she has earned so far. Initially, the score of the user is 0.
  • For for selecting any of the options under Did you try something new?, the score increments by 1.
  • For selecting My biggest achievement so far, the score gets incremented by 2.
  • And for selecting any of the options under Faced any difficulties?, the score gets decremented by 1.

Tech Stack

Instructions

1. https://github.com/this-is-shreya/map-my-journey.git
2. cd map-my-journey
3. npm install
4. cd server
5. npm install
6. Create a .env file for the client and server side of the application and add the required credentials.
7. To start the client side of the app, use npm start . For the server side of the app, use node server.js

Useful Links

Web Application

Need help?

Feel free to contact me on LinkedIn