Skip to content

HabiburRahmanZihad/TazaRate

Repository files navigation

🛒 TazaRate

React Vite Tailwind CSS Firebase MongoDB Vercel License

Track Fresh, Shop Fresh
Empowering local shoppers with real-time market price insights.

TazaRate is a local market price tracking platform for vendors, admins, and everyday users. It provides live product prices, trend charts, vendor submissions, admin moderation, and ad management — all in one fast and user-friendly web app.

🔗 Live Frontend 🚀 Backend API


🗂️ Table of Contents


🎯 Purpose

TazaRate helps users track live market prices for essential items like vegetables, fruits, and goods.
It connects vendors and admins to keep price data updated and empowers users to make smarter shopping decisions.


🚀 Features

🔍 Live Price Tracking
Track updated prices for items submitted by vendors.

📊 Price Trend Charts
Visualize price trends across days using interactive Recharts.

📦 Vendor Dashboard
Vendors can add, update, or delete product entries with price histories.

🧑‍💼 Admin Dashboard
Admins can approve, reject (with feedback), or remove vendor products/ads.

📢 Advertisement System
Vendors can post ads. Admins moderate and manage ad status.

🔐 Secure Auth
Firebase-powered login with role-based access (user, vendor, admin).

🧭 Responsive & Animated UI
Built with Tailwind, DaisyUI, Framer Motion, and smooth page transitions.


🛠️ Built With

Category Tools & Libraries
Frontend React 19, Vite 6.3
Styling Tailwind CSS, DaisyUI
Routing React Router v7
Authentication Firebase Auth
Database MongoDB
State & API Tanstack React Query, Axios
Charts & UX Recharts, React Toastify
Animations Framer Motion, Lottie React
Maps React Leaflet

📦 NPM Packages Used

# Core
react
react-dom
react-router
vite

# Styling
tailwindcss
daisyui

# Firebase
firebase

# Charts & Animation
recharts
framer-motion
lottie-react
react-toastify

# Forms & UX
react-hook-form
react-datepicker
sweetalert2
react-icons
react-simple-typewriter
react-countup
react-intersection-observer

# Carousel & Map
swiper
react-multi-carousel
react-responsive-carousel
react-leaflet

# Payment (Future Use)
@stripe/react-stripe-js
@stripe/stripe-js
react-stripe-checkout

# State & API
@tanstack/react-query
axios
date-fns

# Dev
eslint
@vitejs/plugin-react
@types/react
@types/react-dom

📸 Preview

Screenshot 1 Screenshot 2 Screenshot 3


⚙️ Getting Started

  1. Clone the Repository

    git clone https://github.com/your-username/tazarate.git
    cd tazarate
    
  2. Install Dependencies

    npm install
  3. Run the App

    npm run dev

📄 License

This project is licensed under the MIT License. Feel free to use, modify, and share — just give credit. 📘


About

TazaRate is a local market price tracking platform for vendors, admins, and everyday users. It provides live product prices, trend charts, vendor submissions, admin moderation, and ad management — all in one fast and user-friendly web app.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages