Tastebite - Food Recipe

Author: Ahmed Helal
Email: [email protected]
Phone: +201551610991

Description

Tastebite is a web application designed for food lovers to discover, share, and enjoy recipes from around the world. With a clean interface and user-friendly features, Tastebite provides detailed recipes with step-by-step instructions, ingredient lists, and cooking tips to make every meal a culinary success. Perfect for both beginners and seasoned cooks, this platform aims to inspire creativity in the kitchen and make cooking accessible to everyone.

Technologies Used

• Frontend: Next.js, React, Tailwind CSS
• API Integration: Axios
• Other Tools: ESLint, Prettier, Vercel for Deployment

Features

• Browse and search for recipes across different cuisines
• Step-by-step instructions for each recipe
• User authentication for recipe saving and personalized recommendations
• Responsive design for mobile and desktop

Prerequisites

• Environment variables configured in a .env file (see .env.example)

Project Setup

Follow these steps to set up the project locally:

1. Clone the Repository

   git clone https://github.com/HELAL15/tastebite
   cd tastebite

2. Install Dependencies

   npm install

3. Configure Environment Variables

   Create a .env file in the root directory and add the following variables:

4. Run the Development Server

   npm run dev

   The app should now be running on http://localhost:3000.

5. Build and Run for Production

   npm run build
   npm start

Contributing

Contributions, issues, and feature requests are welcome! Feel free to check out the issues page or submit a pull request.

---