/Goal-Planner

An app to plan your goals with user authentication created using MERN Stack

Primary LanguageJavaScriptMIT LicenseMIT

Goal-Planner 🎯

An app to plan your goals with user authentication created using MERN Stack

👉 Live Preview (Server takes about 10 seconds to boot)

This is an image This is an image This is an image

About ℹ️

An implementation of Goal Planner in ReactJS with user authentication. A user can login and track their goals they have set. While creating this project I learned about REST-API, Postman, Mongoose MongoDB, ExpressJS, ReactJS, NodeJS, Postman, JWT etc. After creating the project, it was deployed to Heroku 🐦 Feel free to reach me onTwitter

Technologies Used 💻

javascript html5 css3 ES6 reactJS figma


Includes the following features/components ⚙️

- MERN Stack
- ReactJS
- ExpressJS
- Redux
- MongoDB
- NodeJS
- Heroku
- Postman
- JWT(JSON Web Token)
- dotenv
- colors
- mongoose
- nodemon(Dev Dependency)
- express-async-handler
- bcryptjs
- create-react-app
- react-router-dom
- react-icons
- concurrently(Dev Dependency)
- axios
- react-toastify

Usage 🤓

npm install

npm start


Steps I followed to complete this project 🪜

1. REST API For Goals ✅

2. JWT Authentication ✅

3. Frontend Authentication | Redux Toolkit ✅

4. Redux Goals & Deploy on Heroku ✅


Future Changes ♾️

  • Edit Goals.
  • Add more fields.
  • Deploy to AWS.

Links to content that helped me with this project 🔗

  1. Deployment

  2. Postman

  3. MongoDB

  4. JWT(JSON Web Tokens)

  5. YouTube

  6. GitHub

  7. Others


Quote ✒️

“Humans are allergic to change. They love to say, ‘We’ve always done it this way.’ I try to fight that. That’s why I have a clock on my wall that runs counterclockwise.”
— Grace Hopper

♾️❇️🔥