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