Foodary

Foodary is a vibrant online community where food enthusiasts come together to share recipes, discuss culinary trends, and explore new flavors. Built with React and hosted on Firebase, this web application offers a seamless and engaging experience.

• Website Link

Features

• User authentication (sign up, log in)(to be added feaures)
• Create and share recipes with photos
• Browse and search for recipes
• Leave comments and reviews on recipes
• Follow other users and see their latest posts
• Responsive design for optimal viewing on various devices

Technologies Used

• React
• Firebase (Authentication, Firestore, Storage)
• React Router
• React Bootstrap (for styling)

Getting Started

1. Clone the repository
2. Install dependencies: npm install
3. Create a Firebase project and enable Authentication, Firestore, and Storage
4. Update the Firebase configuration in src/firebase.js
5. Start the development server: npm start
6. Open http://localhost:3000 in your browser

Deployment

This app is deployed on Firebase Hosting. To deploy your own instance:

1. Install Firebase Tools: npm install -g firebase-tools
2. Login to Firebase: firebase login
3. Initialize the project: firebase init
4. Build the app: npm run build
5. Deploy to Firebase: firebase deploy

Contributing

Contributions are welcome! Please open an issue or submit a pull request.