Skip to content

Food Pulse is a smart food management web application that helps users monitor expiry dates, categorize food items, add storage notes, and avoid unnecessary waste — all in one intuitive interface.

License

Notifications You must be signed in to change notification settings

mdshahariarhafizofficial/food-pulse

Repository files navigation

🍽️ Food Pulse

License: MIT

Food Pulse is a smart food management web application that helps users monitor expiry dates, categorize food items, add storage notes, and avoid unnecessary waste — all in one intuitive interface.

🔗 Live Website: https://food-pulse-web.netlify.app
🌐 Backend API: https://food-pulse-server.vercel.app


📸 Screenshot

Food Pulse Preview


📌 Project Purpose

The goal of this project is to provide users with a modern solution to track their food items, reduce wastage, and improve household food organization. It offers real-time expiry tracking, smart categorization, storage tips, and personal notes for each item.


🚀 Key Features

  • User Authentication (via Firebase)
  • 🍲 Add, View & Track Food Items
  • Live Expiry Countdown
  • 📅 Sort by Expiry Dates
  • 📝 Custom Storage Notes
  • 🔔 Reminder-like UI for Expiring Items
  • 📊 Dashboard Counters
  • 🎨 Beautiful Animations using Framer Motion & React Awesome Reveal
  • 📱 Responsive Design
  • 🎯 Protected Routes
  • 🧠 Dynamic Filtering & Sorting
  • ⬆️ Scroll to Top Button

🛠️ Tech Stack

  • Frontend: React, Tailwind CSS, Vite
  • Backend: Node.js, Express.js, MongoDB
  • Authentication: Firebase Auth, JWT
  • Deployment: Netlify (Frontend), Vercel (Backend)

📦 NPM Packages Used

🧩 Core Packages

  • react-router-dom
  • axios
  • firebase
  • jsonwebtoken
  • cors
  • dotenv
  • express
  • mongodb

🎨 UI & Styling

  • tailwindcss
  • lucide-react
  • swiper
  • react-simple-typewriter
  • clsx

🧠 Animation

  • framer-motion
  • react-awesome-reveal

📅 Date Utility

  • date-fns

⚙️ Installation Guide

🔧 Frontend Setup

git clone https://github.com/your-username/food-pulse.git
cd food-pulse
npm install
npm run dev

🖥 Backend Setup

cd server
npm install
npm run start

⚠️ Don’t forget to configure the .env files for both frontend and backend with your Firebase keys, MongoDB URI, and JWT secret.


👨‍💻 Developer Info

👨‍💻 Developer: Md. Shahariar Hafiz
📧 Email: shahariar.works@gmail.com
🔗 GitHub: mdshahariarhafizofficial


📌 License

This project is licensed under the MIT License


“Track your food, reduce waste, and eat fresh every day.” 🍏

About

Food Pulse is a smart food management web application that helps users monitor expiry dates, categorize food items, add storage notes, and avoid unnecessary waste — all in one intuitive interface.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages