NextBite

🍳 About The Project

NextBite is a modern web application designed to help users discover delicious recipes based on the ingredients they have at home. This project showcases full-stack development skills, combining a robust backend with a sleek, responsive frontend.

🌟 Key Features

• Ingredient-based Search: Find recipes using ingredients you already have.
• User Authentication: Personalized experience with user accounts.
• Favorite Recipes: Save and organize your favorite recipes.
• Responsive Design: Seamless experience across desktop and mobile devices.
• Real-time Updates: Instant search results and updates.

🚀 Built With

This project leverages modern web technologies:

• Next.js - React framework for production
• React - JS library for building user interfaces
• TypeScript - Typed superset of JavaScript
• Tailwind CSS - Utility-first CSS framework
• Supabase - Open source Firebase alternative
• Framer Motion - Animation library for React

🏁 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js (v14 or later)
• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/your_username/recipe-generator.git

2. Install NPM packages

   npm install

3. Create a .env.local file in the root directory and add your Supabase and other API keys:

   NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
   

4. Start the development server

   npm run dev

🎨 Usage

After starting the development server, open http://localhost:3000 with your browser to see the result. You can start searching for recipes by entering ingredients in the search bar.

🛣️ Roadmap

• Add more recipe sources
• Implement meal planning feature
• Add nutritional information to recipes
• Create mobile app version

See the open issues for a full list of proposed features and known issues.

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📜 License

Distributed under the MIT License. See LICENSE for more information.

🙏 Acknowledgements

• Next.js Documentation
• React Documentation
• Tailwind CSS Documentation
• Supabase Documentation
• Framer Motion Documentation

Screenshots