MERN Stack User Management System

A full-stack web application for managing users, built with the MERN stack (MongoDB, Express.js, React, Node.js).

Features

• User CRUD Operations: Create, read, update, and delete users
• Responsive UI: Built with React and Bootstrap for a modern, mobile-friendly interface
• RESTful API: Express.js backend with MongoDB for data persistence
• Real-time Notifications: Toast notifications for user feedback
• Form Validation: Client-side validation for user inputs

Installation

1. Clone the repository:

   git clone <repository-url>
   cd MERN-STACK

2. Install server dependencies:

   cd server
   npm install

3. Install client dependencies:

   cd ../client
   npm install

4. Set up environment variables: Create a .env file in the server directory with:

   PORT=8000
   MONGO_URL=mongodb://localhost:27017/your-database-name
   

Usage

1. Start the server:

   cd server
   npm run dev

   The server will run on http://localhost:8000

2. Start the client:

   cd client
   npm start

   The client will run on http://localhost:3000

3. Access the application: Open your browser and navigate to http://localhost:3000

API Endpoints

• POST /api/user - Create a new user
• GET /api/users - Get all users
• GET /api/user/:id - Get a user by ID
• PUT /api/update/user/:id - Update a user
• DELETE /api/delete/user/:id - Delete a user

Technologies Used

• Frontend: React, Bootstrap, Font Awesome, Axios, React Router, React Hot Toast
• Backend: Node.js, Express.js, MongoDB, Mongoose
• Development: Nodemon, React App Rewired

Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the ISC License - see the LICENSE file for details.