Web inspirada en ProductHunt donde los usuarios muestran los productos de sus empresas, comentan y votan por los mejores. Enlaza fácilmente con la web de tu producto. Puedes crear, eliminar, comentar y votar productos, registrarte, loguearte, cerrar cesión, visitar web de los productos, buscar productos, etc
https://product-showcase-site.netlify.app/
- Next. - Usado para crear la base del proyecto con NextJS, un framework de React
- Firebase: Storage para guardar archivos y firestore como Base de Datos
- Hooks (useState, useEffect, useContext...) y custom hooks
- Context API
- Routing y routing dinámico para los detalles de un producto individual
- Componentes condicionales
- Componente de error
- Emotion styled components
- Formularios con validación
- Querys/Consultas a la BD Firestore para obtener los productos
- Buscador con filtrado de productos
- Sistema de votos
- Sistema de comentarios
- JavaScript ES6+ - Últimos estándares de JavaScript
- Fuentes de Google fonts
- Deploy en Netlify
Clona o haz fork del repositorio. Abre el proyecto en tu consola y escribe el comando:
npm install
Te instalará las dependencias del proyecto, luego usa el comando:
npm run dev
# or
yarn dev
Iniciará el proyecto en modo desarrollador en tu navegador. Se abrirá automáticamente:
La página se recargará si haces y guardas cambios en el código. También verás errores en la consola (si los hubiese)