Skip to content

A React application for food delivery services. Utilizes Firebase for real-time data storage and retrieval. Integrates Tailwind CSS for a responsive design. Explore the app, learn about us in the About section, and create your food items seamlessly.

Notifications You must be signed in to change notification settings

saad662/delivery-hero

Repository files navigation

Delivery Hero Website

Welcome to the Delivery Hero website! This is a React-based web application that allows users to explore various food options and place delivery orders. The website is designed to provide a seamless and engaging experience for users looking to satisfy their cravings.

Features

  • Browse through a wide range of food options.
  • Place delivery orders with just a few clicks.
  • Enjoy smooth animations and transitions powered by Framer Motion.
  • Icons from React Icons library enhance the visual appeal.
  • Seamless navigation with React Router.

Live Website

Check out the live version of the website: Delivery Hero Website

Technologies Used

  • React: The core framework used to build the user interface.
  • React Router: Facilitates smooth navigation and routing within the app.
  • Firebase: Integration for backend services such as authentication and data storage.
  • Framer Motion: Adds delightful animations and transitions to the user interface.
  • Tailwind CSS: Provides a utility-first CSS framework for styling the website.
  • React Icons: Offers a variety of icons to enhance visual elements.
  • Testing Library: Assists in testing components and user interactions.
  • Web Vitals: Helps measure and optimize website performance.

Getting Started

  1. Clone this repository to your local machine.
  2. Navigate to the project directory using your command-line interface.
  3. Run the following command to install the project dependencies:
npm install
  1. After the installation is complete, start the development server:
npm start

The website should now be accessible at http://localhost:3000.

Scripts

  • npm start: Start the development server.
  • npm build: Build the production-ready application.
  • npm test: Run tests using Testing Library and Jest.
  • npm eject: Eject from Create React App setup (advanced).

Contributing

We welcome contributions to improve the Delivery Hero website. Feel free to create pull requests or report any issues you encounter. Let's make this project even better together!

Authors

Muhammad Saad Amin

License

This project is licensed under the MIT License.


We hope you enjoy using the Delivery Hero website. If you have any questions or feedback, please don't hesitate to reach out. Happy exploring and happy eating! 🍔🍕🍰

About

A React application for food delivery services. Utilizes Firebase for real-time data storage and retrieval. Integrates Tailwind CSS for a responsive design. Explore the app, learn about us in the About section, and create your food items seamlessly.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published