Anyone Can Cook is a recipe-sharing platform built with Vite React on the frontend and Firebase for backend services. This platform allows users to explore, upload, and manage their recipes while providing several additional features like authentication, favorites, Google OAuth, and the ability to download recipes as PDFs.
-
User Authentication
- Users can register and log in using email and password.
- Google OAuth is available for seamless login and registration.
-
Manage Recipes
- Users can upload new recipes and edit or delete their own recipes.
- Mark recipes as favorites for easy access.
- Download recipes as PDFs for offline access.
-
Explore Pre-Built Recipes
- View and try pre-built recipes fetched from the DummyJSON API.
-
User Account Management
- Users can delete their profile along with their uploaded recipes.
- Vite (for fast React development)
- React (JavaScript library for building UI)
- TailwindCSS / Flowbite (for styling)
- Firebase Authentication (for secure login, registration, and Google OAuth)
- Firebase Firestore (for storing user data and recipes)
- Firebase Storage (for handling recipe images)
- DummyJSON API (for pre-built recipes)
- Node.js installed
- Firebase project configured
- Vite project setup locally
-
Clone the Repository:
git clone https://github.com/mayurk224/Anyone-Can-Cook_Recipe-Book cd anyone-can-cook
-
Install Dependencies:
npm install
-
Configure Firebase:
-
Create a Firebase project and enable Authentication (Email/Password & Google).
-
Enable Firestore and Storage.
-
Copy the Firebase config and add it to your React project in a
.env
file:VITE_FIREBASE_API_KEY=<your-api-key> VITE_FIREBASE_AUTH_DOMAIN=<your-auth-domain> VITE_FIREBASE_PROJECT_ID=<your-project-id> VITE_FIREBASE_STORAGE_BUCKET=<your-storage-bucket> VITE_FIREBASE_MESSAGING_SENDER_ID=<your-messaging-sender-id> VITE_FIREBASE_APP_ID=<your-app-id>
-
-
Run the Project:
npm run dev
-
Access the Application:
Open your browser and navigate to:
http://localhost:5173
- Users can register with their email and password or login using Google OAuth.
- Visit the Recipes section to browse pre-built recipes from the DummyJSON API.
- Users can upload recipes with details like ingredients, instructions, and images.
- Users can edit or delete their own uploaded recipes.
- Mark your favorite recipes for quick access on your profile page.
- Users can download any recipe as a PDF to access it offline.
- Users can delete their profile along with all their uploaded recipes.
- DummyJSON API:
https://dummyjson.com/recipes
Add relevant screenshots here (e.g., Home page, Recipe upload, Profile page, Google login).
This project is licensed under the MIT License.
- Mayur Kamble – Project Owner & Developer
If you have any issues, feedback, or suggestions, feel free to reach out at mayurkamble0250@gmail.com.
- Vite for fast React development
- Firebase for backend services
- DummyJSON API for pre-built recipes
- Flowbite for UI components
Enjoy cooking and sharing your favorite recipes with Anyone Can Cook! 🍲