https://github.com/mwaustephen/pods
Simple ecommerce show casing the Apple airpods models
https://github.com/mwaustephen/pods
context-api hooks react-router swiper-js
Last synced: about 1 month ago
JSON representation
Simple ecommerce show casing the Apple airpods models
- Host: GitHub
- URL: https://github.com/mwaustephen/pods
- Owner: MwauStephen
- Created: 2023-07-22T06:34:30.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-24T07:37:02.000Z (almost 3 years ago)
- Last Synced: 2025-03-15T04:25:07.181Z (over 1 year ago)
- Topics: context-api, hooks, react-router, swiper-js
- Language: JavaScript
- Homepage:
- Size: 19.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Pods | React eCommerce Single Page Web App
Apple AIirpods exclusive Store eCommerce Website, built with **React JS**.
State management using Context API.
## Features:
- Add Product to the Cart
- Remove Product from the Cart
- Increment / Decrement the Product's Quantity
- Product's Total Price / Discount Calculations
- Filters - Sort by / Filter by Options
- Custom Hooks
- Local Storage
- Fully Responsive
- Dark Theme
- Multi Pages
- Np payment intergration
## Technologies used:
- React JS
- React Router
- React Swiper
- SASS
## Author:
- **Stephen Mwau** - **[Portfolio Website](https://mwaustephen.com)**, **[linktree](https://linktr.ee/mwaustephen)**
## Available Scripts:
`npm start`
`npm test`
`npm run build`
`npm run eject`
## Project Snapshots
## Deploy using fireabase
Install Firebase CLI:
```sh
$ npm install -g firebase-tools
```
## Set up Firebase project
Create a new Firebase project on the Firebase Console
```sh
(https://console.firebase.google.com)
```
## Login to firebase via the CLI
```sh
$ firebase login
```
## Initialize Firebase project
```sh
firebase init
```
## Configure Firebase Hosting
During the initialization process, select "Hosting" from the available Firebase features.
Follow the prompts to choose your Firebase project, set up the directory for your project's public files (typically build or dist for a React project), and configure other options.
## Build your React project
```sh
npm run build
```
## Deploy to Firebase Hosting
```sh
firebase deploy
```