https://github.com/sudheerj/one-stop-electronics

An e-commerce application for electronic devices
https://github.com/sudheerj/one-stop-electronics

firebase javascript react-intl reactjs redux redux-toolkit typescript

Last synced: 3 months ago
JSON representation

An e-commerce application for electronic devices

• Host: GitHub
• URL: https://github.com/sudheerj/one-stop-electronics
• Owner: sudheerj
• Created: 2023-08-14T05:44:36.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-16T08:21:23.000Z (over 1 year ago)
• Last Synced: 2024-04-15T04:34:46.437Z (9 months ago)
• Topics: firebase, javascript, react-intl, reactjs, redux, redux-toolkit, typescript
• Language: TypeScript
• Homepage:
• Size: 1.25 MB
• Stars: 5
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# one-stop-electronics

The demo link is available here: https://onestop-electronics.netlify.app/

## Install and Setup

## Setup firebase project

1. Sign-in firebase console to configure the firebase project here: https://console.firebase.google.com/

2. Ignore google analytics for this project and select authentication and cloudstore firebase services

3. Copy the firebase configuration and store it for creating the firebase instance.

### Environment variable file setup

Create a `.env.local` file and put it in the root folder with the firebase configuration from previous step.

```javascript

VITE_FIREBASE_API_KEY = "yourfirebaseapikey"

VITE_FIREBASE_AUTH_DOMAIN = "yourfirebaseauthdomain"

VITE_FIREBASE_PROJECT_ID = "yourfirebaseprojectid"

VITE_FIREBASE_STORAGE_BUCKET = "yourfirebasestoragebucket"

VITE_FIREBASE_MESSAGING_SENDER_ID = "yourfirebasemessagingsenderid"

VITE_FIREBASE_APP_ID = "yourfirebaseappid"

```

Use the below scripts to run the code, tests and linting

- `dev`/`start` - start dev server and open browser

- `build` - build for production

- `preview` - locally preview production build

- `test` - launch test runner

- `format` - format the code based on prettier

- `lint` - apply eslint for typescript files

## Screens

1. SingUp: 

![signup](src/assets/screens/signup.png)

2. SingIn:

![signin](src/assets/screens/signin.png)

3. Products:

![products](src/assets/screens/products.png)

4. Cart:

![cart](src/assets/screens/cart.png)