Skip to content

this-is-shreya/map-my-journey

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

map-my-journey

image image image image image image image

Features and Interfaces

  1. Landing Page

image

  • 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. image

  • 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.

    image
  1. Login Page

image

  1. Signup Page

image

  1. Home Page

image

  1. 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)

image

  1. 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.

  1. Profile Page
  • In the profile page, the user can view all the badges she has earned so far. image 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

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

Instagram Youtube