{"id":25121314,"url":"https://github.com/aburaihan98/dineease-client","last_synced_at":"2026-04-01T18:32:12.298Z","repository":{"id":275938572,"uuid":"922943391","full_name":"aburaihan98/dineEase-client","owner":"aburaihan98","description":"This project is a Restaurant Management Website built with the MERN Stack (MongoDB, Express.js, React.js, Node.js). It includes user authentication (email/password and social logins), JWT-secured routes, and a responsive design, enhancing restaurant operations and customer experience.","archived":false,"fork":false,"pushed_at":"2025-03-11T07:03:35.000Z","size":177,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T07:34:25.224Z","etag":null,"topics":["expressjs","firebase","framer-motion","jwt","momentjs","mongodb","nodejs","react-lightbox","reactjs","tailwindcss","tanstack-query"],"latest_commit_sha":null,"homepage":"https://dine-ease-aacad.web.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aburaihan98.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-27T11:21:05.000Z","updated_at":"2025-03-11T07:03:38.000Z","dependencies_parsed_at":"2025-03-11T07:27:22.441Z","dependency_job_id":"5896efda-eb71-4923-b399-c185f48805ba","html_url":"https://github.com/aburaihan98/dineEase-client","commit_stats":null,"previous_names":["aburaihan98/dineease-client"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aburaihan98%2FdineEase-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aburaihan98%2FdineEase-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aburaihan98%2FdineEase-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aburaihan98%2FdineEase-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aburaihan98","download_url":"https://codeload.github.com/aburaihan98/dineEase-client/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246838173,"owners_count":20842018,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["expressjs","firebase","framer-motion","jwt","momentjs","mongodb","nodejs","react-lightbox","reactjs","tailwindcss","tanstack-query"],"created_at":"2025-02-08T06:17:44.222Z","updated_at":"2025-12-30T18:54:45.823Z","avatar_url":"https://github.com/aburaihan98.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dine-Ease - Restaurant Management Website 🍽️\n\nDine-Ease is a full-stack restaurant management platform designed to improve the efficiency of food ordering and inventory management. Built using the MERN stack, the website provides functionalities like food management, user authentication, and a seamless user experience for both customers and staff.\n\n![EquiSports Screenshot](https://i.ibb.co.com/fYFrvB5J/dineease.png)\n\n## live project links:\nhttps://dine-ease-aacad.web.app/\n\n## Key Features\n\n- **User Authentication**: Email/password-based login and registration. Google login integration. Password verification (uppercase, lowercase, and minimum length).\n  \n- **Food Management**: Add, update, and delete food items. View food details on the \"All Foods\" page. Filter food items using MongoDB’s `$and` operators.\n\n- **Food Purchase**: Users can purchase food with quantity restrictions. Display purchase count for each food item.\n\n- **Gallery Section**: 48 static images with image lightbox functionality using `react-lightbox`.\n\n- **User Profile**: Display logged-in user’s profile image and name. Manage user-specific food items and orders.\n\n- **Responsive Design**: Fully responsive design for mobile, tablet, and desktop.\n\n- **Search and Filter**: Search food items by name. Filter food items based on price and origin.\n\n- **Pagination**: Pagination for food items with 9 items per page.\n\n- **JWT Authentication**: JWT tokens for secure private routes.\n\n- **Toast \u0026 Sweetalert2 Notifications**: Display notifications for login, registration, and food purchase actions.\n\n- **Food Quantity Management**: Restrict purchases based on available food quantity. Notify users when a food item is out of stock.\n\n- **Gallery Infinite Scrolling**: Infinite scrolling for gallery images.\n\n## Technologies Used  \n\n### Frontend:  \n- **React.js** – Component-based UI development  \n- **React Router** – Client-side navigation  \n- **Firebase Authentication** – User authentication (Email/Google login)  \n- **React Toastify** – Notifications  \n- **Sweetalert2** – Interactive alerts  \n- **Framer Motion** – Animations  \n- **Lottie-web** – Lottie animations  \n- **Moment.js** – Date formatting  \n- **Axios** – API requests  \n- **React Query (TanStack)** – State \u0026 data fetching management  \n- **React Rating Stars Component** – User rating system  \n- **React Infinite Scroll Component** – Infinite scrolling feature  \n- **React Lightbox** – Image preview functionality  \n- **FontAwesome** – Icon library  \n\n### Backend:  \n- **Node.js** – Server-side runtime  \n- **Express.js** – Backend framework  \n- **MongoDB** – NoSQL database  \n- **Firebase Authentication** – User authentication management  \n- **Axios** – API handling  \n\n## Dependencies\n\n- **Frontend:**\n  - `react`\n  - `react-router-dom`\n  - `firebase`\n  - `axios`\n  - `react-toastify`\n  - `sweetalert2`\n  - `framer-motion`\n  - `moment`\n  - `react-infinite-scroll-component`\n  - `react-lightbox`\n  - `react-rating-stars-component`\n\n- **Backend:**\n  - `express`\n  - `mongoose`\n  - `jsonwebtoken`\n  - `dotenv`\n\n## Running the Project Locally\n\n### Prerequisites\n- Node.js\n- MongoDB instance\n- Firebase credentials (for authentication)\n\n## Steps to Run Locally\n\n### 1. Clone this repository -\ngit clone https://github.com/aburaihan98/DineEase-client.git\n\n### 2. Go to the cloned project directory\ncd DineEase-client\n\n### 3. Just run this command to install node dependencies\nnpm install\n\n### 4. Just run this command\nnpm run dev\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faburaihan98%2Fdineease-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faburaihan98%2Fdineease-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faburaihan98%2Fdineease-client/lists"}