https://github.com/akm005/foodiedelight
"FOODIEDELIGHT" is a food delivery application. As part of this app, you need to build functionalities that help manage different restaurants and their menus. This will require a frontend/backend solution.
https://github.com/akm005/foodiedelight
angular assesment assessment-project thinkbridge
Last synced: 2 months ago
JSON representation
"FOODIEDELIGHT" is a food delivery application. As part of this app, you need to build functionalities that help manage different restaurants and their menus. This will require a frontend/backend solution.
- Host: GitHub
- URL: https://github.com/akm005/foodiedelight
- Owner: akm005
- Created: 2024-09-08T18:23:53.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-09T19:14:40.000Z (9 months ago)
- Last Synced: 2025-03-27T18:16:56.123Z (2 months ago)
- Topics: angular, assesment, assessment-project, thinkbridge
- Language: TypeScript
- Homepage: https://foodiedelight-364a4.web.app/admin/home
- Size: 25 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FOODIEDELIGHT Frontend
## Overview
FOODIEDELIGHT is a food delivery application that allows restaurant admins to manage their listings. This repository contains the frontend implementation for the application, developed using Angular.
## Project Details
As a full-stack developer, I would have preferred to create both the frontend and backend for a complete end-to-end solution. However, due to time constraints, only the frontend component has been submitted.
The project was completed in approximately 2 days. Below is a breakdown of the time spent:
- **Frontend Functionality**: 12-15 hours
- **Frontend Presentational Aspects**: 6-8 hours
- **Required Validations**: 2-3 hours
- **Unit Test Coverage**: Not implemented due to time constraints
- **Deployment**: 1-2 hours
**Total Time Spent**: Approximately 21-28 hours.
## Features Implemented
- **Image Optimization**: Improved performance by optimizing images.
- **Skeleton Loader**: Enhanced user experience with a skeleton loader during data fetches.
- **Pagination**: Implemented pagination for efficient data management.
- **Login and Demo User Selector**: Added functionality for user login and selection of demo users.
- **Remember Last URL**: Maintains the last accessed URL when editing without being logged in.
- **Responsive Side Panel**: Designed a side panel for better navigation on mobile devices.
- **Guards, Pipes, and Validators**: Implemented for better data handling and validation.
- **Authenticated Pages**: Ensured secure access to authenticated pages.
- **State Management**: Utilized Angular services for state management.
## Screenshots
#Desktop
#Mobile
## Getting Started
To set up the project locally, follow these steps:
1. **Clone the Repository:**
```bash
git clone https://github.com/akm005/FoodieDelight.git
```
2. **Navigate to the Project Directory:**
```bash
cd FoodieDelight
```
3. **Install Dependencies:**
```bash
npm install
```
4. **Run the Application:**
```bash
ng serve
```
Open `http://localhost:4200` in your browser to view the application.
## Deployment
The application is deployed and accessible at the following URL:
- **Demo URL**: [Hosted on Firebase](https://foodiedelight-364a4.web.app/admin/home)
## Note
While unit tests were not implemented due to time constraints, the application is built with a focus on delivering a clean, minimalistic, and responsive UI, ready for further backend integration and scalability.
## Contact
For any questions or feedback, please contact:
- **Anup Kumar Singh**
- **Email**: [[email protected]](mailto:[email protected])
Thank you for reviewing my work!