Contact List es una aplicación simple y amigable que te permite gestionar tus contactos de manera eficiente. Es un proyecto perfecto para principiantes que quieren sumergirse en el mundo de la programación y aprender conceptos fundamentales de desarrollo web y gestión de datos.
Este proyecto es una excelente manera de:
- 📝 Aprender los conceptos básicos de CRUD (Crear, Leer, Actualizar, Eliminar).
- 🌐 Entender la estructura de un proyecto de desarrollo web.
- 💻 Practicar con HTML, CSS y JavaScript.
- 🗃️ Explorar cómo trabajar con APIs y almacenamiento local.
- 🚀 Introducirse a frameworks como React.
- ➕ Añadir Contactos: Guarda nuevos contactos con nombre, número de teléfono y dirección de correo electrónico.
- 👀 Ver Contactos: Visualiza tu lista de contactos de manera organizada.
- ✍🏾 Editar Contactos: Actualiza la información de tus contactos cuando lo necesites.
- ❌ Eliminar Contactos: Borra aquellos contactos que ya no necesites mantener.
Asegúrate de estar usando la versión 10 de node.
- Instalar paquetes:
$ npm install
- Crear el archivo .env:
$ cp .env.example .env
- ¡Empieza con el código! y el servidor de desarrollo webpack con recarga en vivo, para windows, mac, linux o Gitpod:
$ npm run start
Puede actualizar styles/index.css
o crear nuevos archivos .css
dentro de styles/
e importarlos a sus archivos scss o js actuales según tus necesidades.
Agrega más archivos a tu carpeta ./src/js/components
cuando sea necesario.
Si deseas contribuir al desarrollo de la contact list o tienes sugerencias para mejorar sus funcionalidades, ¡no dudes en hacer un fork del repositorio y enviar un pull request!
Puedes contactarme a través de LinkedIn si tienes preguntas o comentarios adicionales sobre el proyecto o simplemente quieres crear red.