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.
SavourBite.mp4
- React.js
- Pure CSS
- Redux Toolkit
- Context API
- Redux Hooks
- 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.
-
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.
-
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
-
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.
- Inside the project directory, create a new file named
-
Install Dependencies:
- Run the following command to install project dependencies:
npm install
- Run the following command to install project dependencies:
-
Run the Program:
- After installing dependencies, run the following command to start the development server:
npm run dev
- After installing dependencies, run the following command to start the development server: