Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/indiecodermm/loot-market

E-commerce website for gaming products. Built with React, Bootstrap and Context API
https://github.com/indiecodermm/loot-market

bootstrap context-api e-commerce react

Last synced: about 6 hours ago
JSON representation

E-commerce website for gaming products. Built with React, Bootstrap and Context API

Awesome Lists containing this project

README

        


[![Contributors](https://img.shields.io/github/contributors/IndieCoderMM/loot-market)](https://github.com/IndieCoderMM/loot-market/graphs/contributors)
[![LastUpdate](https://img.shields.io/github/last-commit/IndieCoderMM/loot-market)](https://github.com/IndieCoderMM/loot-market/commits/main)
[![Stargazers](https://img.shields.io/github/stars/IndieCoderMM/loot-market)](https://github.com/IndieCoderMM/loot-market/stargazers)
[![Issues](https://img.shields.io/github/issues/IndieCoderMM/loot-market)](https://github.com/IndieCoderMM/loot-market/issues)
[![License](https://img.shields.io/github/license/IndieCoderMM/loot-market)](https://github.com/IndieCoderMM/loot-market/blob/main/LICENSE)

Table of Contents

- [🎮 Gamezon - E-commerce Website ](#-gamezon---e-commerce-website-)
- [📸 Screenshots ](#-screenshots-)
- [🧰 Tech Stack ](#-tech-stack--)
- [🥇 Key Features ](#-key-features--)
- [🚀 Live Demo ](#-live-demo--)
- [📘 Getting Started ](#-getting-started--)
- [📋 Prerequisites](#-prerequisites)
- [📂 Setup](#-setup)
- [📥 Installation](#-installation)
- [💻 Usage](#-usage)
- [👨‍🚀 Author ](#-author--)
- [🎯 Future Features ](#-future-features--)
- [🤝 Contribution ](#-contribution--)
- [💖 Show Your Support ](#-show-your-support--)
- [✨ Design Inspiration ](#-design-inspiration-)
- [📜 License ](#-license-)

# 🎮 Gamezon - E-commerce Website

This is a gaming e-commerce website with a responsive design, interactive shopping cart, and utilizes a JSON file for product data.

## 📸 Screenshots

screenshot
screenshot

(back to top)

## 🧰 Tech Stack
- React
- TypeScript
- Bootstrap
- Vite
- Formspree

(back to top)

## 🥇 Key Features
- 🛒 Interactive and advanced shopping cart functionality
- 📱 Responsive design for optimal browsing across devices
- 📃 Utilization of a JSON file for easy management of product data

(back to top)

## 🚀 Live Demo

You can visit the [live demo website here](https://gamezon.onrender.com).

(back to top)

## 📘 Getting Started

To run this project locally, follow these steps.

### 📋 Prerequisites

In order to run this project you need [Node](https://nodejs.org/en) installed on your machine.

### 📂 Setup

Clone this repository to your desired foler.

```sh
cd my-project
git clone [email protected]:IndieCoderMM/loot-market.git .
```

### 📥 Installation

Intall this project with:

```sh
npm install
```

### 💻 Usage

To run the project, execute the following command:

```sh
npm run dev
```

(back to top)

## 👨‍🚀 Author

I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.

**Hein Thant**

[![Github](https://img.shields.io/badge/GitHub-673AB7?style=for-the-badge&logo=github&logoColor=white)](https://github.com/IndieCoderMM)
[![Linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/hthantoo)
[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])

(back to top)

## 🎯 Future Features
- [ ] User authentication
- [ ] Payment Integration
- [ ] Product Search and Filtering

(back to top)

## 🤝 Contribution

Contributions, issues, and feature requests are welcome!

(back to top)

## 💖 Show Your Support

If you like this project, please consider giving it a ⭐.

(back to top)

## ✨ Design Inspiration

The design of this e-commerce website was inspired by [this Frontend Mentor challenge](https://www.frontendmentor.io/challenges/audiophile-ecommerce-website-C8cuSd_wx). While the original design was modified to suit the specific requirements of the project, it provided a strong foundation for the overall look and feel of the website.

(back to top)

## 📜 License

This project is [MIT](./LICENSE) licensed.

(back to top)