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.
You can check out a live demo of the project at crud-mevn-project.com
You can watch a video demo of the project here 👇
Crud-Mevn-Project.mp4
- CRUD operations for managing user's data
- Responsive design that works on all devices
- Awesome design using Tailwind CSS
To set up the project locally, follow these steps:
- Clone the repository:
https://github.com/alaa-abdallah1/crud-mevn-project.git
- Go to the project directory
cd crud-mevn-project
- prepare your environment
cp .env.example .env
and add the right values - Install dependencies and Start the development server:
npm install && npm run build
- Go to the server directory
cd server && npm install && npm run start
- Open the app in your browser at http://localhost:8080
That's it! You should now be able to run the app locally.
To use the app, follow these steps:
- Open the app in your browser at http://localhost:8080
- Use the add user button to add a new user to the table
- Fill out the form with the right data or select the desired provider to perform the desired CRUD operation on the providers
- Click Save to see the new user added to the table.
- Use the search input to search in the users.
- Use the pagination buttons to go to other pages.
If you'd like to contribute to the project, feel free to submit a pull request or open an issue on the repository.
This project was created by Alaa Abdallah