Food Delivery Website
This project is part of our industrial attachment ECE 4100, it is a food delivery app landing page built with React.js & styled using Material UI!
Overview
The Food Delivery App built with React is an innovative solution designed to enhance the online food ordering experience. The app prioritizes user-friendliness and efficiency, providing customers with an intuitive interface to easily navigate through their favorite restaurants. Its design not only facilitates hassle-free ordering but also ensures that users can track their orders in real-time, making the process smoother than ever.
With a focus on streamlined functionality, this food delivery platform stands out in today's crowded marketplace. It leverages modern technologies to ensure a quick and reliable service, making it an appealing choice for anyone looking to order food online.
Features
- User-Friendly Interface: The app boasts a clean and intuitive layout, allowing users to browse restaurants and menus effortlessly.
- Real-Time Order Tracking: Customers can monitor their orders live, ensuring they are always informed about the status of their delivery.
- Efficient Ordering System: The streamlined ordering process minimizes the number of steps required to complete a purchase, enhancing user satisfaction.
- Customizable Dashboards: Utilizes Jira for project management, enabling efficient task tracking and prioritization during development.
- Team Collaboration: Integrated tools like Metro Retro for sprint retrospectives foster collaboration and continuous improvement among team members.
- Fast and Reliable Hosting: Deployed via Firebase Hosting, ensuring quick access and dependable service for all users.
- Development Ready: Easy to set up on a local machine, providing developers with a straightforward path to run and build the app.
- Figma
Figma is a cloud-based design tool for creating user interfaces, prototypes, and collaboration in real time.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- Material UI
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.