Account Management System (MERN Stack)
A simple and clean Account Management Application built using the MERN Stack (MongoDB, Express, React, Node.js). Users can register, log in, view their profile, and update their account information.
Features:
- User Registration & Login
- JWT-based Authentication
- Encrypted Passwords (bcrypt)
- View Profile
- Update Account Information
- Protected API Routes
- React (Bootstrap UI)
- Express Backend
- MongoDB Database
Project Structure: acc_mng/ backend/ config/ controllers/ middleware/ models/ routes/ server.js package.json
frontend/ public/ src/ pages/ components/ api.js App.js index.js package.json
Backend Setup:
- cd backend
- npm install
- Create .env: MONGO_URI=your_mongodb_connection_string JWT_SECRET=your_jwt_secret
- npm run dev
Frontend Setup:
- cd frontend
- npm install
- npm start
API Endpoints: Auth Routes: POST /api/users/register POST /api/users/login
User Routes: GET /api/users/profile PUT /api/users/profile
Built With:
- React (v18+)
- Node.js
- Express.js
- MongoDB
- Bootstrap 5
- Axios
- JWT & Bcrypt
License: Open-source and free to use.