Skip to content

An E Commerce Guitar Store which utilises my previous E Commerce Admin Project as a CMS

Notifications You must be signed in to change notification settings

dotarjun/ecommerce-store

Repository files navigation

GuitarGear.Shop

An E Commerce Guitar Store which utilises my previous E Commerce Admin Project as a CMS

Live Preview: https://www.guitargear.shop/

Table of Contents

Overview

GuitarGear.Shop is built using Next.js, a React framework for server-side rendering and static site generation. It is typed with TypeScript and styled using the Tailwind CSS utility-first framework.

For state management, Zustand is leveraged for a simple, fast React state solution.

The UI components use Headless UI, a completely unstyled component library that integrates beautifully with Tailwind CSS.

Stripe powers payments, subscriptions and billing for a smooth checkout experience.

Together, these technologies provide a fast, intuitive, and scalable platform for the GuitarGear.Shop ecommerce experience.

Key Features

  • Cart Functionality - Add products to cart
  • Responsive - Mobile-first design
  • Admin Dashboard CMS - Full featured admin dashboard for easily managing products, categories, and more
  • Search and Filters - Finding gears is easy with search including pagination and advanced filters
  • Order Management - Full visibility into orders, fulfillment, and customer communication
  • Stripe Integration - Stripe powers a smooth, robust checkout experience and handles subscriptions

Tech Stack

  • Next.js - React framework for server-side rendering and static site generation
  • TypeScript - Typed JavaScript
  • Tailwind CSS - Utility-first CSS framework
  • Headless UI - Unstyled component library for Tailwind CSS
  • Zustand - Simple, fast React state management
  • Stripe - Payments, subscriptions and billing

Getting Started

  1. Clone the repo git clone https://github.com/yourname/GuitarGear.Shop.git
  2. Install dependencies npm install
  3. Create a .env file with your environment variables
  4. Run the dev server npm run dev
  5. Open http://localhost:3000 in your browser

Contributing

Contributions are welcome! Please open an issue or submit a pull request.

License

This project is open source and available under the MIT License.

About

An E Commerce Guitar Store which utilises my previous E Commerce Admin Project as a CMS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published