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 🔗

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
Postman
- Official Website
MongoDB
- Official Website
JWT(JSON Web Tokens)
- Official Website
YouTube
GitHub
- bradtraversy(mern-tutorial)
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

♾️❇️🔥

hmjatt/Goal-Planner