Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/marianogriffa/poyectofinal-react
Proyecto final de React
https://github.com/marianogriffa/poyectofinal-react
bulma coderhouse development javascript react
Last synced: about 1 month ago
JSON representation
Proyecto final de React
- Host: GitHub
- URL: https://github.com/marianogriffa/poyectofinal-react
- Owner: MarianoGriffa
- Created: 2023-11-01T22:29:46.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-16T21:12:20.000Z (12 months ago)
- Last Synced: 2024-10-15T17:26:11.937Z (about 1 month ago)
- Topics: bulma, coderhouse, development, javascript, react
- Language: JavaScript
- Homepage: https://kiwi-store.netlify.app/
- Size: 1.05 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kiwistore - Clothes Man
Este proyecto es un e-commerce de ropa de hombre recien comenzando, desarrollado como el curso de React de Coderhouse. La idea es poner en practicas todo los aprendido durante el curso y hacer una aplicacion real.
### [**¡Dale click -> KiwiStore!**](https://kiwi-store.netlify.app)
1. Clonar el repositorio:
```
git clone https://github.com/MarianoGriffa/poyectofinal-react.git
```
2. Navegar al directorio del proyecto:
```
cd poyectofinal-react-main
```
3. Instalar las dependencias de react:
```
npm install react
npm install react-router-dom
```
4. Instalar las dependencias adicionales:
```
npm i --save react-bulma-components
npm install bulma
npm i bootstrap-icons
npm install --save react-spinners
npm install sweetalert2
npm install firebase
```
5. Iniciar la aplicación:
```
npm start
```
6. La aplicación debería iniciarse en tu navegador. Podrás interactuar con ella en el puerto local 3000:
```
http://localhost:3000
```
## Dependencias adicionales
Además de las tecnologías trabajadas en clase, se utilizaron las siguientes dependencias extra por npm:
- [**Bulma:**](https://bulma.io/) para facilitar el diseño responsivo del sitio web, proporcionando un conjunto de estilos y componentes predefinidos.
- [**Bulma React components:**](https://react-bulma.dev/en) para trabajar un poco con los estilos de los componentes.
- [**Bootstrap Icons:**](https://icons.getbootstrap.com/) para buscar iconos personalizables e integrarlos a mi sitio.
- [**React spinners:**](https://www.npmjs.com/package/react-spinners) para mostrarle al usuario indicadores de carga atractivos durante el procesamiento de la información.
- [**SweetAlert:**](https://sweetalert2.github.io/#download) para crear y personalizar mensajes de alerta con una apariencia atractiva y amigable para el usuario.
### [**¡Mira el e-commerce KiwiStore!**](https://kiwi-store.netlify.app)