Este es un proyecto de aplicación de inicio de sesión desarrollado con React y Vite, utilizando una arquitectura de componentes organizada (átomos, moléculas, organismos, plantillas y páginas).
- React: Una librería de JavaScript para construir interfaces de usuario.
- Vite: Un entorno de desarrollo de próxima generación para proyectos web, conocido por su velocidad.
- HTML, CSS, JavaScript: Lenguajes fundamentales de desarrollo web.
- ESLint: Herramienta para identificar y reportar patrones encontrados en el código JavaScript/JSX.
El proyecto sigue una estructura de componentes modular para facilitar la escalabilidad y el mantenimiento:
src/
├── assets/ # Archivos estáticos como imágenes, iconos, etc.
├── components/
│ ├── atoms/ # Componentes UI básicos (ej. Button, Input, Label)
│ ├── molecules/ # Grupos de átomos con funcionalidad conjunta (ej. InputWithLabel)
│ ├── organisms/ # Grupos de moléculas y/o átomos con una sección específica de UI (ej. LoginForm)
│ └── templates/ # Estructuras de página (ej. AuthTemplate)
├── pages/ # Componentes que representan páginas completas (ej. LoginPage)
├── App.css
├── App.jsx # Componente principal de la aplicación
├── index.css
└── main.jsx # Punto de entrada de la aplicación
Sigue estos pasos para configurar y ejecutar el proyecto en tu máquina local:
git clone https://github.com/Pal-cloud/LOGIN-APP.git
Una vez dentro del directorio del proyecto, instala todas las dependencias necesarias:
npm install
npm run dev
npm run dev
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.