This project focuses on implementing a user profile management system with features like user login, profile updates, and admin functionalities. The application is built using a combination of frontend technologies (HTML, CSS, JavaScript) and a backend server (Node.js and Express). It utilizes Cloudinary for image storage and retrieval.
- Node.js and npm installed on your machine.
- Clone the repository:
git clone https://github.com/sainRaghuveer/web-yapper-admin-user.git
- Install all dependencies in both directories client and server
cd backend
npm install
cd frontend
npm install
- Set up the backend:
- Rename the .env.example file to .env.
- Configure the environment variables in the .env file, including the database connection details and any other necessary configurations.
- Set up the frontend:
-
Update the base_url with the appropriate URL for your backend server.
-
Start the application:
-
Start the backend server:
npm run server
- Start the frontend development server:
use live server
UserID: 1234
Password: 12345
UserID: 3456
Password: 12345
Note:
- Before doing anything first create
.env
file and putport
,mongoURl
.> port
is for listening the server.>mongoURl
is for running database and store your data in database so put your mongo link.>
The application will be accessible at local server.
- /backend: Contains the server-side code.
METHOD | ENDPOINT | DESCRIPTION | STATUS CODE |
---|---|---|---|
POST | /login | This endpoint should allow users to login. | 200 |
POST | /signup | This endpoint should allow admin to register. | 200 |
POST | /api/admin/createUser | This endpoint should allow Admin to create new user. | 200 |
PATCH | /api/admin/manage | This endpoint should allow Admin to post new updates. | 200 |
POST | /user/update | This endpoint should allow users to update photo and name. | 200 |
POST | /api/admin/getUsers | This endpoint should allow admin to fetch users data. | 200 |
GET | /singleUser/:id | This endpoint should allow get single user data. | 200 |
- frontend: Contains the client-side code.
- Frontend: HTML, CSS, JavaScript, bootstrap
- Backend: Node.js, Express
- Database: MongoDB