https://github.com/coderooz/simple-nodejs-mongodb-user-register-web-app
A web app for managing user data using Node.js, Express, and MongoDB. It features EJS for templating and allows users to register with their name, email, phone number, and profile picture. Supports CRUD operations, search, sorting, and pagination for efficient data handling.
https://github.com/coderooz/simple-nodejs-mongodb-user-register-web-app
curd-operation dotenv ejs ejs-templates express express-session mongodb mongoose multer nodejs
Last synced: 22 days ago
JSON representation
A web app for managing user data using Node.js, Express, and MongoDB. It features EJS for templating and allows users to register with their name, email, phone number, and profile picture. Supports CRUD operations, search, sorting, and pagination for efficient data handling.
- Host: GitHub
- URL: https://github.com/coderooz/simple-nodejs-mongodb-user-register-web-app
- Owner: coderooz
- License: mit
- Created: 2024-08-17T03:30:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-02-14T16:33:42.000Z (23 days ago)
- Last Synced: 2026-02-15T00:54:33.130Z (23 days ago)
- Topics: curd-operation, dotenv, ejs, ejs-templates, express, express-session, mongodb, mongoose, multer, nodejs
- Language: EJS
- Homepage:
- Size: 42 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Simple User Register Web-App
Welcome to the Simple User Register Web-App! This project is a web application built with Node.js, Express, and MongoDB, designed to manage user information. The application allows users to register, view, update, and delete their details, including uploading and displaying profile images.
## Project Description
This web application provides a straightforward system for managing user data. It leverages Node.js and Express for the backend and MongoDB with Mongoose for database management. The frontend is designed with EJS for templating. Users can register with their name, email, phone number, and profile picture. The app supports CRUD operations and includes search, sorting, and pagination features.
### Key Features
- **User Registration**: Add new users with their details and profile pictures.
- **User Listing**: View a list of registered users with their information and images.
- **User Updates**: Edit existing user details and update their profile pictures.
- **User Deletion**: Remove users from the system.
- **Search and Sort**: Search users by name and sort the list by different criteria.
- **Pagination**: Navigate through large sets of user data with pagination controls.
## Directory Structure
Here's an overview of the project directory structure:
```
./
├── models/
│ └── users.ejs # EJS template for user model (if applicable)
├── node_modules/ # Node.js modules
├── routes/
│ └── routes.ejs # EJS template for routes (if applicable)
├── uploads/ # Directory for uploaded images
├── views/
│ ├── index.ejs # EJS template for the home page
│ ├── about.ejs # EJS template for the about page
│ ├── contact.ejs # EJS template for the contact page
│ ├── add_users.ejs # EJS template for adding users
│ ├── edit_users.ejs # EJS template for editing users
│ └── layout/
│ ├── header.ejs # EJS template for the header layout
│ └── footer.ejs # EJS template for the footer layout
├── main.ejs # Main EJS template (if applicable)
├── .env # Environment variables
├── README.md # Project documentation
├── package.json # Node.js package descriptor
└── package-lock.json # Locked dependencies versions
```
## Installation
To get started with this project locally, follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/coderooz/simple-nodejs-mongodb-user-register-web-app.git
```
2. **Navigate to the project directory:**
```bash
cd simple-nodejs-mongodb-user-register-web-app
```
3. **Install dependencies:**
```bash
npm install dotenv ejs express express-session mongoose multer
```
4. **Set up environment variables:**
Create a `.env` file in the root directory and add the following variables:
```env
MONGODB_URI=
PORT=5000
```
5. **Start the development server:**
```bash
npm start
```
The backend server will run on `http://localhost:5000` and serve the frontend application.
## Usage
1. **Access the Application:**
Open your web browser and go to `http://localhost:5000` to view the application.
2. **Register a New User:**
Use the registration form to add new users with their name, email, phone number, and profile picture.
3. **View Users:**
Navigate to the user list page to view all registered users with their details and images.
4. **Update User Details:**
Click on the edit button next to a user to modify their information and profile picture.
5. **Delete Users:**
Click on the delete button next to a user to remove them from the system.
6. **Search and Sort:**
Use the search form to find users by name and use the sorting links to order the list by different criteria.
## Acknowledgments
This project was created based on a tutorial by [DCodeMania](https://www.youtube.com/@DCodeMania) on YouTube. Their guidance was invaluable in understanding and implementing the features of this web application.
- **Tutoral Name**: [CRUD App With Image Upload Using NodeJs, ExpressJs, MongoDB & EJS Templating Engine](https://www.youtube.com/playlist?list=PL6u82dzQtlfvJoAWdyf5mUxPQRnNKCMGt)
## Contributing
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/YourFeature`).
3. Make your changes and commit them (`git commit -am 'Add new feature'`).
4. Push to the branch (`git push origin feature/YourFeature`).
5. Create a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Contact
For any questions or feedback, please contact:
- [Coderooz](https://github.com/coderooz)
Thank you for checking out the Simple User Register Web-App!