CRUD - MEVN STACK PROJECT

This is a CRUD project built with the MEVN stack (MongoDB, Express, Vue.js, Node.js), using Mongoose to interact with the MongoDB database, and a RESTful API to handle data operations. The project also includes Tailwind CSS for styling, and HTML5 and CSS for markup.

Live Demo

You can check out a live demo of the project at crud-mevn-project.com

Project Video

You can watch a video demo of the project here 👇

https://github.com/alaa-abdallah1/crud/assets/56931924/76bf60ba-06e2-422a-a545-2e41b463c839

Features

• CRUD operations for managing user's data
• Responsive design that works on all devices
• Awesome design using Tailwind CSS

Project Setup

To set up the project locally, follow these steps:

1. Clone the repository: https://github.com/alaa-abdallah1/crud-mevn-project.git
2. Go to the project directory cd crud-mevn-project
3. prepare your environment cp .env.example .env and add the right values
4. Install dependencies and Start the development server: npm install && npm run build
5. Go to the server directory cd server && npm install && npm run start
6. Open the app in your browser at http://localhost:8080

That's it! You should now be able to run the app locally.

Usage

To use the app, follow these steps:

1. Open the app in your browser at http://localhost:8080
2. Use the add user button to add a new user to the table
3. Fill out the form with the right data or select the desired provider to perform the desired CRUD operation on the providers
4. Click Save to see the new user added to the table.
5. Use the search input to search in the users.
6. Use the pagination buttons to go to other pages.

Contributing

If you'd like to contribute to the project, feel free to submit a pull request or open an issue on the repository.

Credits

This project was created by Alaa Abdallah