Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mdsejan/mechkeymart
An e-commerce platform dedicated to mechanical keyboards, built with React, Redux, Mongoose, and Express. Features include easy product browsing, detailed product pages, a smooth cart system, and powerful admin tools for product management. Users will enjoy fast search, page refresh warnings, and advanced filtering.
https://github.com/mdsejan/mechkeymart
ecommerce framer-motion mechanical-keyboard react redux-toolkit tailwindcss typescript
Last synced: 9 days ago
JSON representation
An e-commerce platform dedicated to mechanical keyboards, built with React, Redux, Mongoose, and Express. Features include easy product browsing, detailed product pages, a smooth cart system, and powerful admin tools for product management. Users will enjoy fast search, page refresh warnings, and advanced filtering.
- Host: GitHub
- URL: https://github.com/mdsejan/mechkeymart
- Owner: mdsejan
- Created: 2024-07-09T17:43:18.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-08-29T18:56:51.000Z (3 months ago)
- Last Synced: 2024-08-30T11:25:34.298Z (3 months ago)
- Topics: ecommerce, framer-motion, mechanical-keyboard, react, redux-toolkit, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://mechkeymart.netlify.app/
- Size: 1.65 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MechKeyMart
### Live URL: [mechkeymart.netlify.app](https://mechkeymart.netlify.app/)
### SERVER REPO: [github.com/mdsejan/mechkeymart-server](https://github.com/mdsejan/mechkeymart-server)
## Introduction
MechKeyMart is a modern e-commerce platform dedicated to mechanical keyboards. It is designed to provide a seamless shopping experience for keyboard enthusiasts, featuring easy product browsing, detailed product pages, and a smooth cart system.
## Project Description
MechKeyMart is built using React, Redux, Mongoose, and Express. This e-commerce site allows users to browse and purchase mechanical keyboards with ease. It includes powerful admin tools for product management, advanced search and filtering options, and optional integration with Stripe for secure payments.
## Features
- **Homepage**: Includes a visually appealing hero section, service advertisements, featured products, top brands, customer reviews, and additional sections about mechanical keyboards.
- **Products Page**: Displays all products with search, filtering, and sorting options.
- **Product Details Page**: Shows detailed information about each product with an "Add to Cart" feature.
- **Cart Page**: Manages items in the cart, allows quantity adjustments, and proceeds to checkout.
- **Checkout Page**: Collects user details and offers payment methods including Cash on Delivery and Stripe.
- **Product Management/Dashboard Page**: Provides tools for managing products, including updating, deleting, and adding new products.
- **About Us Page**: Showcases information about the company with attractive designs.
- **Contact Us Page**: Provides contact information and encourages user feedback.
- **UI/UX**: Emphasizes a smooth and intuitive user experience with responsive design.
- **Other Features**: Includes debounced API calls, page refresh warnings, and micro-animations.
## Technology Stack
- **Frontend**: React, Redux, Vite, TypeScript, RTK Query
- **Backend**: Node.js, Express, MongoDB, Mongoose, TypeScript, Zod
## Installation Guideline
### Prerequisites
- react (v18 or higher)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/mdsejan/co-work-booker.git
```
2. Navigate to the project directory:
```bash
cd mechkeymart
```
3. Install dependencies:
```bash
npm install
```
### Running the Application
Start the server:
```bash
npm run dev
```
The server will start running at `http://localhost:5173/`.