This project is a simple User Management application built using the MERN (MongoDB, Express.js, React, Node.js) stack. The application allows users to sign up, log in, and perform basic CRUD operations on user records.
- User signup and login functionality.
- CRUD operations for managing user records.
- Responsive UI design for a seamless user experience.
- Frontend: React.js
- Backend: Node.js, Express.js
- Database: MongoDB
- Authentication: JSON Web Tokens (JWT)
- Styling: CSS, Tailwindcss
-
Clone the repository:
git clone [email protected]:s-atyam/User-Flow.git
-
Create a
.env
file in the frontend root directory:REACT_APP_HOST=http://localhost:5000
-
Install dependencies and start the frontend:
npm install npm start
-
Access the application at
http://localhost:3000
in your browser.
-
Change directory to Backend
cd Backend
-
Create a
.env
file in the backend root directory:JWT_SECRET=your_jwt_secret MONGO_URI=your_mongodb_connection_string PORT=5000
Replace
your_jwt_secret
andyour_mongodb_connection_string
with your actual JWT secret key and MongoDB connection string. -
Install dependencies and start the backend:
npm install npm start
-
The backend server will run at
http://localhost:5000
.
- Fill in the required fields on the signup screen and click "Save" to create a new user.
- Use your registered email and password to log in.
- Upon successful login, you will be directed to the dashboard.
- View a list of users with their username, email, and phone in card items.
- Perform CRUD operations on user records.
If you would like to contribute to the development of this User Management System, feel free to open issues, submit pull requests, or provide feedback.