EG Mart

EG Mart is a responsive shopping website built using React, Tailwind CSS, DaisyUI, and React Router DOM. Users must log in to access the site and can search for products by name, brand, and sort by category, price, and date. The project also includes pagination and is fully responsive.

Features

• User Authentication: Users must log in to access the shopping platform.
• Product Search: Search for products by product name or brand name.
• Sorting: Sort products by category, price, and date added.
• Pagination: Display products with pagination for easier navigation.
• Responsive Design: The app is fully responsive, ensuring a great experience on mobile, tablet, and desktop devices.
• Tailwind CSS & DaisyUI: Styled with modern utility-first CSS and UI components.

Live Demo

You can access the live demo of the project here: EG Mart

Getting Started

To run this project locally, follow the steps below:

Prerequisites

Ensure you have the following installed on your machine:

• Node.js (version 14.x or later)
• npm or yarn package manager

Installation

1. Clone the repository:

   git clone https://github.com/codeamin-git/eg-mart-client.git

2. Navigate to the project directory:

   cd eg-mart-client

3. Install the dependencies:

   Using npm:

   npm install

   Or using yarn:

   yarn install

Running the Project

1. Start the development server:

   Using npm:

   npm run dev

   Or using yarn:

   yarn run dev

2. Open the browser and navigate to:

   http://localhost:5173

   This will run the project on your local development server.

Build for Production

To create a production build of the project:

Using npm:

npm run build

Or using yarn:

yarn build

This will create an optimized production build in the build folder.

Dependencies

• React: A JavaScript library for building user interfaces.
• React Router DOM: Used for navigation between different pages.
• Tailwind CSS: A utility-first CSS framework.
• DaisyUI: Tailwind CSS-based UI components.
• Firebase: For hosting and authentication.

Firebase Hosting

To deploy this project to Firebase, ensure Firebase CLI is installed:

npm install -g firebase-tools

Then, deploy using:

firebase deploy

Ensure you configure your Firebase project settings in the firebase.json file.

Future Enhancements

• Add a cart and checkout functionality.
• Implement user profiles and order history.
• Integrate payment gateways for seamless transactions.

License

This project is licensed under the MIT License.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Contact

For any inquiries or issues, feel free to contact me:

• Email: alaminkhan.codeamin@gmail.com

---

Happy coding! ✨