Es una aplicación web que permita el registro, eliminación, búsqueda de contactos (bees 🐝) y paginación de resultados.
- Listar contactos
- Paginación de contactos
- Registrar contactos
- Eliminar contactos
- Desktop y Mobile version
Yo aprendí y practiqué más acerca de React.js, React Hooks, Redux (Reducers, Actions, Store), React Context y TypeScript.
Clonar el proyecto
git clone https://github.com/alxmcr/bees-app
Ir donde se encuentra el directorio del proyecto.
cd bees-app
Install dependencies
npm install
Iniciar el Frontend server
npm run start
Extra: Iniciar Backend server (Backend API)
cd frontend-test
npm install
npm run start
Nota.- Es probable, que necesite:
- Cambiar el puerto del backend de 3000 a 4000 (Conflicto de puertos entre React y API).
- Instalar Nodemon para una rápida actualización de la base de datos.
- Actualizar algunos links de imagenes, algunos links fuerón necesarios modificarlos.
Para arrancar el proyecto se necesita de variables de entorno(.env
). Donde se puede, colocar en la raíz del proyecto: bees-app/.env
(ver: .env-sample
)
REACT_APP_BACKEND_API_BASE_URL=http://localhost:4000
- Inicio (
/
) - Contacto (
/contacts/:id
)
HTML, CSS, Sass, JavaScript, Typescript, React.js, and Redux.
If you have any feedback, please reach out to me at [email protected].