Skip to content
codax69Public

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

VegBazar

VegBazar is a modern online vegetable marketplace web application built with React and Vite. It provides users with a clean, fast, and responsive shopping experience to browse and purchase fresh vegetables and online.

🌐 Live at: Check Out Vegbazar


✨ Features

  • 🛒 Browse a wide variety of fresh vegetables items
  • 🔍 Search and filter products with ease
  • 🛍️ Add items to cart and manage quantities
  • 💳 Smooth checkout experience
  • 📱 Fully responsive design — works on mobile, tablet & desktop
  • ⚡ Blazing fast performance powered by Vite
  • 🎨 Clean and modern UI with custom fonts

🛠️ Tech Stack

Technology Purpose
React Frontend UI library
Vite Build tool & dev server
JavaScript (ES6+) Core language
HTML5 & CSS3 Markup & styling
ESLint Code linting
Netlify Deployment & hosting

📁 Project Structure

VegBazar/
├── Font/                # Custom font files
├── public/              # Static public assets (images, icons, etc.)
├── src/                 # Main source code
│   ├── components/      # Reusable React components
│   ├── pages/           # Page-level components
│   ├── assets/          # Images and other media
│   └── App.jsx          # Root app component
├── index.html           # HTML entry point
├── vite.config.js       # Vite configuration
├── eslint.config.js     # ESLint configuration
├── netlify.toml         # Netlify deployment settings
├── package.json         # Project dependencies & scripts
└── .gitignore

🚀 Getting Started

Prerequisites

Make sure you have the following installed:

  • Node.js (v18 or higher recommended)
  • npm or yarn

Installation

  1. Clone the repository:

    git clone https://github.com/codax69/VegBazar.git
    cd VegBazar
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev

    The app will be available at http://localhost:5173


📦 Available Scripts

Command Description
npm run dev Start local development server
npm run build Build for production
npm run preview Preview the production build locally
npm run lint Run ESLint to check code quality

🌐 Deployment

This project is configured for deployment on Netlify using netlify.toml.

To deploy manually:

  1. Run npm run build to generate the dist/ folder
  2. Upload the dist/ folder to Netlify, or connect your GitHub repo to Netlify for automatic deployments on every push to main

🤝 Contributing

Contributions are welcome! Here's how to get started:

  1. Fork the repository
  2. Create a new branch: git checkout -b feature/your-feature-name
  3. Make your changes and commit: git commit -m 'Add your feature'
  4. Push to your branch: git push origin feature/your-feature-name
  5. Open a Pull Request

📄 License

This project does not currently specify a license. Please contact the author for usage permissions.


👤 Author

codax69
🔗 GitHub Profile


Fresh picks, delivered fast — VegBazar brings the bazaar to your browser. 🌿

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages