hmjatt / Goal-Planner

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

Goal-Planner 🎯

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

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

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 💻

         

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

   • How to Deploy a MERN Application to Heroku Using MongoDB Atlas
   • How to build and deploy a MERN ( React + Express + MongoDB + Node.js ) Stack Application on AWS EC2

2. Postman

   • Official Website

3. MongoDB

   • Official Website

4. JWT(JSON Web Tokens)

   • Official Website

5. YouTube

   • Traversy Media(Learn The MERN Stack)

   • FreeCodeCamp(MERN Stack Course)

   • FreeCodeCamp(Learn the MERN Stack)

6. GitHub

   • bradtraversy(mern-tutorial)

7. Others

   • REST API for Network Engineers

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

♾️❇️🔥