- Watch the video demo via Google Drive:
- View the Project via LinkedIn
This project is a full-stack web application built using Angular, HTML, CSS, and TypeScript for the front-end, and Node.js, Express, and MongoDB for the back-end.
- Front-End: Developed with Angular, HTML, CSS, and TypeScript.
- Back-End: Built using Node.js, Express, and MongoDB.
- RESTful API: Implements a RESTful API for CRUD operations.
- Responsive Design: Ensures compatibility across various devices and screen sizes.
- Authentication: Includes user authentication and authorization.
Before you begin, ensure you have met the following requirements:
- Node.js and npm installed
- Angular CLI installed
- MongoDB installed and running
- Clone the repository:
git clone https://github.com/mohamedreda22/ODC-Final-project-Demo.git
- Navigate to the project directory:
cd ODC-Final-project-Demo
- Install the dependencies for the front-end:
cd frontend npm install
- Install the dependencies for the back-end:
cd ../backend npm install
- Start the MongoDB server:
mongod
- Start the back-end server:
cd backend nodemon server.js
- Start the front-end server:
cd ../frontend ng serve
- Open your browser and navigate to
http://localhost:4200/
.
GET /api/items
: Retrieve all itemsPOST /api/items
: Create a new itemGET /api/items/:id
: Retrieve a specific item by IDPUT /api/items/:id
: Update a specific item by IDDELETE /api/items/:id
: Delete a specific item by ID- All back-end APIs working with "http://localhost:5000/api/document" document could be [ articles booking contacts menu users ]
To contribute to this project, follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature-branch
- Make your changes and commit them:
git commit -m 'Add some feature'
- Push to the branch:
git push origin feature-branch
- Create a pull request.
If you want to contact me, you can reach me at mohamedreda.dev@gmail.com.
This project is graduation project from my training program with ODC & AMIT