Turn your ambitions into reality. A full-stack, secure, and performant MERN application built to track, manage, and conquer your personal goals.
- 🔐 User Authentication & Authorization — Secure signup, login, and JWT-based session handling.
- 🎯 Goal Management — Create, view, update, and delete your goals seamlessly.
- 🛡️ Protected Routes — Personalized dashboard access restricted strictly to authenticated users.
- ⚡ Fast & Responsive UI — Built with React and Vite for optimal frontend performance.
- 🎨 Clean Dashboard Interface — Modern, clean user interface with dynamic state management.
- React.js (Powered by Vite)
- Redux Toolkit (State Management)
- React Router DOM
- Axios
- CSS3
- Node.js & Express.js
- MongoDB & Mongoose (Database & ODM)
- JSON Web Tokens (JWT) & Bcrypt.js (Authentication & Security)
mern-tutorial/
├── backend/ # Node.js / Express server, controllers, models
├── frontend/ # React application (Vite)
│ ├── src/
│ │ ├── features/ # Redux state slices & services
│ │ │ ├── auth/ # Auth slice & service
│ │ │ └── goals/ # Goal slice & service
│ │ ├── pages/ # Dashboard, Login, Register pages
│ │ ├── App.jsx # Main React component & routing
│ │ ├── App.css # Global application styling
│ │ ├── index.css # Main stylesheet
│ │ └── main.jsx # React app entry point
│ ├── .eslintrc.json # ESLint configuration
│ ├── .oxlintrc.json # Oxlint configuration
│ ├── index.html # Vite HTML template
│ ├── package.json # Frontend dependencies
│ └── vite.config.js # Vite configuration
├── .env # Environment variables (Backend)
├── .gitignore # Ignored files & folders
├── package.json # Backend dependencies & scripts
├── package-lock.json
└── README.md # Project documentation