Zeemart is a modern eCommerce website built with React, Redux Toolkit, and ESLint. The site provides a seamless shopping experience, allowing users to browse products, filter by categories, manage their carts, and complete transactions using Stripe as the payment gateway.
- Products Page: Display a list of available products with images, prices, available stock and descriptions.
- Categories Filter: Users can filter products based on different categories.
- Cart Management: Users can add products to their cart, remove items, view cart total, and proceed to checkout.
- User Authentication: Integrated user authentication system that allows users to sign up and sign in.
- Stripe Payment Integration: Users can securely make payments using Stripe's trusted payment gateway.
- Transactions: Users can review their purchases and transaction history.
Make sure you have Node.js and npm installed on your machine. If not, download and install them from Node.js official site.
-
Clone the repository:
git clone https://github.com/izainmirza/Zeemart-frontend/
-
Navigate to the project directory:
cd [Your Repo Directory] -
Install dependencies:
npm install
-
Setup Environment Variables: Create a .env file in the root directory and set up your environment variables.
REACT_APP_API_ENDPOINT=api_endpoint REACT_APP_STRIPE_API_KEY=your_stripe_public_key
-
Start the development server:
npm start
-
Open a browser and visit http://localhost:3000 .
- React - A JavaScript library for building user interfaces.
- Redux Toolkit - The official, opinionated, batteries-included toolset for efficient Redux development.
- ESLint - Pluggable JavaScript linter.
- Stripe - Online payment processing for internet businesses.
This project hits the API at [Your API URL here]. For more details about the API, its endpoints, and responses, refer to the API documentation.
If you wish to contribute, please fork the repository and use a feature branch. Pull requests are warmly welcome.