Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jorgerepossi/react_coderhouse

Music Store es un e-commerce realizado en React para el curso de CoderHouse
https://github.com/jorgerepossi/react_coderhouse

chakra-ui coderhouse firebase react typescript

Last synced: 4 days ago
JSON representation

Music Store es un e-commerce realizado en React para el curso de CoderHouse

Host: GitHub
URL: https://github.com/jorgerepossi/react_coderhouse
Owner: jorgerepossi
Created: 2021-10-10T20:52:42.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2023-07-27T13:00:56.000Z (over 1 year ago)
Last Synced: 2024-04-29T22:40:32.047Z (7 months ago)
Topics: chakra-ui, coderhouse, firebase, react, typescript
Language: TypeScript
Homepage: https://music-center.vercel.app/
Size: 343 KB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        ### Hola soy Jo Repossi 👨‍

![ts](https://badgen.net/badge/-/TypeScript?icon=typescript&label&labelColor=blue&color=555555)

![react](https://badgen.net/badge/-/React?icon=react&label&labelColor=blue&color=555555)

![eslint](https://shields-staging.herokuapp.com/badge/Eslint-v7.32.0-blueviolet)

![npm](https://shields-staging.herokuapp.com/badge/npm-v6.14.15-blue)

![NodeJS](https://shields-staging.herokuapp.com/badge/NodeJS-v14.17.6-brightgreen)

###### La tecnología que se usa en este site es Typescript y React con  [Vite JS](https://vitejs.dev/).

##### With NPM:

````

npm init vite@latest

````

##### With Yarn:

`````

yarn create vite

`````

###### Se utiliza librería de componentes  [Chakra UI](https://chakra-ui.com/).

###### Se utiliza el Hook [Husky js ](https://typicode.github.io/husky/#/) [Prettier](https://prettier.io/) para poder hacer el pre-commit dandole un formato requerido al código

###### Se utiliza [Helmet](https://www.npmjs.com/package/react-helmet) para poder poner el título a la cabecera

````

npm install helmet --save

ó

yarn add helmet --save

````

###### en el caso de typescript _yarn add @types/helmet_

###### Para los Iconos se está utilizando  [react-icons](https://react-icons.github.io/react-icons/)

````

npm install react-icons --save

ó

yarn add react-icons --save

````

###### Como base de datos se utiliza [Firebase](https://firebase.google.com/)

###### Para correr el sitio en forma local se debe hacer con el comando:

```

git clone https://github.com/jorgerepossi/react_coderhouse.git

```

### Instalar las dependencias

```

cd react_coderhouse

yarn install

```

### Ejecutar el comando para correr localmente el  servidor

```

npm run dev

```

### Ejecutar el comando para crear en modo producción

```

npm run build

```