/SavourBite

SavourBite is a food ordering website that displays nearby restaurants and assists you in finding and ordering the food you crave.

Primary LanguageJavaScript

SavourBite - Food Delivery Website

SavourBite is a food ordering platform that utilizes the Swiggy API, a well-known food ordering platform, to provide users with a seamless experience of discovering, ordering, and enjoying delicious meals from various restaurants and eateries. The platform blends culinary expertise and technology to make food ordering a convenient and enjoyable experience for users. With a sleek and user-friendly interface, browsing menus and placing orders is a breeze.

💖 If you like this project, please consider giving it a star or forking it! 💖

Showcase:

SavourBite.mp4

Technology Stack:

  • React.js
  • Pure CSS
  • Redux Toolkit
  • Context API
  • Redux Hooks

Features:

  • Responsive Design: Ensuring seamless user experience across various devices.
  • Custom Minimal UI: User-friendly interface designed for intuitive navigation.
  • Live Location Integration: Utilizing live location features for enhanced user experience.
  • Content-Driven Data: Utilizing data from Swiggy API to provide relevant and up-to-date content.
  • Usability Focus: Prioritizing user experience with a user-friendly approach to design.

How you can use this project:

  1. Fork the Repository:

    • Visit the repository SavourBite on GitHub.
    • Click on the "Fork" button in the top right corner to fork the repository to your GitHub account.

  2. Clone the Repository:

    • Open your terminal or command prompt.
    • Navigate to the desired location where you want to clone the project.
    • Run the following command to clone the repository: 
      git clone https://github.com/YOUR_USERNAME/SavourBite.git

  3. Create .env File:

    • Inside the project directory, create a new file named .env.
    • Add the following code to the .env file and replace the values with your own: 
      VITE_SERVICE_ID=your_service_id
VITE_TEMPLATE_ID=your_template_id
VITE_PUBLIC_KEY=your_public_key
    • SERVICE_ID , TEMPLATE_ID , PUBLIC_KEY can be obtained from Email.js , setup your template accordingly.

  4. Install Dependencies:

    • Run the following command to install project dependencies: 
      npm install

  5. Run the Program:

    • After installing dependencies, run the following command to start the development server: 
      npm run dev