Skip to content

Latest commit

Β 

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ₯• Farmers Market 🌽

A modern, responsive Farmers Market web application built with Vite + React.js.
This app simulates an online store where users can browse farm-fresh products like flowers, vegetables, and fruits, add them to a cart, and place orders.


πŸš€ Features

  • πŸ›’ Add-to-cart & place order
  • 🌻 Product categories (flowers, vegetables, etc.)
  • πŸ§‘β€πŸŒΎ Products fetched from local json-server
  • πŸ“± Fully responsive UI (mobile/tablet/desktop)
  • πŸ”„ Dynamic routing with React Router
  • πŸ’š Clean layout and reusable components

🧰 Tech Stack

Tech Purpose
React.js Frontend UI library
Vite Development & bundling tool
JSON Server Local REST API for db.json
react-router-dom Navigation & routing
CSS Custom styles & responsiveness

πŸ“Έ Screenshot

Farmers Market Screenshot

Farmers Market Screenshot

Farmers Market Screenshot

Farmers Market Screenshot

Farmers Market Screenshot

Farmers Market Screenshot

Farmers Market Screenshot


πŸ“‚ Folder Structure

farmers-market/
β”œβ”€β”€ public/
β”‚   └── Images          # Product images
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ assets/         # Images & fonts
β”‚   β”œβ”€β”€ components/     # Card, Footer, Navbar, etc.
β”‚   β”œβ”€β”€ context/        # React Context API (Cart, Product)
β”‚   β”œβ”€β”€ pages/          # Pages like About, Home, Cart
β”‚   β”œβ”€β”€ App.jsx
β”‚   └── main.jsx
β”œβ”€β”€ db.json             # JSON Database
β”œβ”€β”€ package.json
β”œβ”€β”€ vite.config.js
└── README.md

About

AFD projects

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages