FarmBox - Organic E-commerce Website

Welcome to FarmBox, your go-to online store for fresh, organic fruits and vegetables. FarmBox is built using React, offering a user-friendly interface to browse, select, and purchase organic produce. This project also utilizes Redux for efficient cart state management, ensuring a seamless shopping experience.

FarmBox Website-Link

https://66d015aadeb676a841b7370f--farmbox.netlify.app/

Table of Contents

1. Features
2. Installation
3. Usage
4. Technologies Used
5. Contributing

Features

• Product Listing: Browse through a wide selection of fresh, organic fruits and vegetables.
• Product Details: View detailed information about each product, including price, description, and availability.
• Add to Cart: Easily add your favorite fruits and vegetables to your shopping cart.
• Remove from Cart: Effortlessly remove items from the cart if you change your mind.
• Clear Cart: Clear all items from the cart with a single click.
• Redux Integration: Efficient state management for the cart to provide a smooth user experience.
• Responsive Design: Optimized for both desktop and mobile devices using modern CSS techniques.
• Secure Checkout: Proceed to checkout securely and finalize your order.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone [https://github.com/MuruganBalachandran/FarmBox_Ecommerce_React.git](https://github.com/MuruganBalachandran/FarmBox_React.git)

2. Navigate to the project directory:

   cd FarmBox_React

3. Install the dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and navigate to:

   http://localhost:3000
   

Usage

• Browse Products: Navigate through the home page to explore various categories of organic fruits and vegetables.
• View Product Details: Click on any product to see more details, including price, description, and availability.
• Add to Cart: Use the "Add to Cart" button to add selected fruits and vegetables to your shopping cart.
• Manage Cart: View your cart, update item quantities, remove items, or clear the cart entirely as needed.
• Checkout: Once satisfied with your selections, proceed to the checkout page to review your order and finalize your purchase securely.

Technologies Used

• React: Front-end library for building user interfaces.
• Redux: State management library for managing the cart and other application states.
• JavaScript (ES6+): Modern JavaScript features for enhanced development.
• CSS: Styling the application for a responsive and attractive layout.
• React Router: Handling navigation within the application.
• Tailwind CSS: Utility-first CSS framework for fast and efficient styling.

Contributing

We welcome contributions from the community. To contribute:

1. Fork the repository.
2. Create a new branch with a descriptive name.
3. Make your changes and commit them with descriptive messages.
4. Push your changes to your forked repository.
5. Open a pull request to the main branch.

Please ensure your code adheres to our coding standards and includes relevant tests.