Welcome to FoodFusion, Explore, update, and purchase a wide variety of food products with ease! Our platform allows you to not only browse through an extensive catalog of food items but also post new products and update existing ones as your inventory evolves. You can manage your food expenses in real-time, ensuring a seamless shopping and tracking experience.
🔗 Live Site: FoodFusion
- Frontend: React, Firebase, Tailwind CSS, css, Npm-package, daisyui
- Backend: Nodejs, Mongodb, Expressjs, Jwt-token
- Routing: React Router
- State Management: LocalForage
- Animations: React Awesome Reveal
- Utilities: Axios, Moment.js, Sort-By
✅ Dynamic Display: Real-time updates and interactive UI
✅ Theme Toggle: Dark mode support for better accessibility
✅ Real-Time Balance: Track food expenses with real-time updates
✅ Responsive Design: Fully mobile-friendly experience
✅ Category Showcase: Filter and browse food categories easily
✅ Interactive Cards: Smooth hover effects and animations
✅ Live Updates: Instant addition of new items
✅ Engaging UI: Visually appealing design for a great user experience
{
"axios": "^1.7.9",
"firebase": "^11.1.0",
"localforage": "^1.10.0",
"match-sorter": "^8.0.0",
"moment": "^2.30.1",
"react": "^18.3.1",
"react-awesome-reveal": "^4.3.1",
"react-dom": "^18.3.1",
"react-helmet-async": "^2.0.5",
"react-icons": "^5.4.0",
"react-router-dom": "^7.1.0",
"react-toastify": "^11.0.2",
"react-tooltip": "^5.28.0",
"sort-by": "^1.2.0",
"sweetalert2": "^11.15.3",
"swiper": "^11.1.15"
}- Clone the repository:
git clone https://github.com/your-username/foodfusion.git
- Navigate to the project folder:
cd foodfusion - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open in browser:
http://localhost:3000``` (or as indicated in the terminal)
- API Documentation: [Coming Soon]
- Project Report: [Coming Soon]
- **Live Demo:**https://foodfusion-4eca3.web.app/
Feel free to contribute or raise an issue for any suggestions! 😊