Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/aruadecarvalho/e-commerce

An E-commerce website built with React.js, Redux, Firebase and StyledComponents.
https://github.com/aruadecarvalho/e-commerce

firebase html javascript react redux redux-persist redux-saga redux-thunk scss styled-components typescript

Last synced: 3 days ago
JSON representation

An E-commerce website built with React.js, Redux, Firebase and StyledComponents.

Host: GitHub
URL: https://github.com/aruadecarvalho/e-commerce
Owner: aruadecarvalho
Created: 2022-07-29T13:28:37.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-01-11T00:16:21.000Z (about 2 years ago)
Last Synced: 2024-11-24T13:09:31.920Z (2 months ago)
Topics: firebase, html, javascript, react, redux, redux-persist, redux-saga, redux-thunk, scss, styled-components, typescript
Language: TypeScript
Homepage: https://ecommerce-portifolio.netlify.app/
Size: 5.57 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # E-commerce

An E-commerce website built with React.js, Redux, Firebase, StyledComponents and Typescript.

## Demo

[E-commerce website](https://ecommerce-portifolio.netlify.app/)

![Home](./readme%20imgs/home.png)

![Shop](./readme%20imgs/shop.png)

![Authentication](./readme%20imgs/authentication.png)

## Lessons Learned

This was my first project with Firebase, Redux, Redux Saga, Redux Persist, Redux Thunk, Styled Components and Typescript. It gave me a broader view of React.js architecture and how to think and structure a bigger application.

## Appendix

I used [DALL.E 2](https://openai.com/dall-e-2/) to generate the images for the shop and also [Clove](https://goclove.com/products/clove-shoe-womens-grey-matter) for the sneakers.

## Environment Variables

To run firebase in this project, you will need to add the following environment variables to your .env file

`apiKey`

`authDomain`

`projectId`

`storageBucket`

`messagingSenderId`

`appId`

## Run Locally

Clone the project

```bash

  git clone https://link-to-project

```

Go to the project directory

```bash

  cd my-project

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  npm start

```

## Acknowledgements

- [Redux Saga](https://redux-saga.js.org/)

- [DALL.E 2](https://openai.com/dall-e-2/)

- [Clove](https://goclove.com/products/clove-shoe-womens-grey-matter)