Este proyecto es una aplicación de notas que permite a los usuarios gestionar sus notas de manera eficiente. Entre sus funcionalidades principales se incluyen la creación, edición, eliminación de notas, subida de imágenes, autenticación segura mediante JWT, y un diseño moderno utilizando Tailwind CSS.

Tecnologías Utilizadas

Frontend:

   

Backend:

   

Seguridad:

• JSON Web Tokens (JWT)

Otras Características:

• Gestor de imágenes para la subida y manejo eficiente de archivos.

Lo que Aprendí

1. Integración Frontend y Backend:

   • Diseño e implementación de una API RESTful eficiente y segura.
   • Conexión entre frontend y backend utilizando Axios.

2. Autenticación y Seguridad:

   • Uso de JWT para proteger rutas del backend y gestionar sesiones de usuario.

3. Gestor de Datos:

   • Implementación de MongoDB como base de datos no relacional para manejar información estructurada.

4. Estilo y Diseño Responsivo:

   • Construcción de una interfaz de usuario moderna y adaptativa con Tailwind CSS.

5. Subida de Archivos:

   • Desarrollo de funcionalidades para subir y gestionar imágenes desde el frontend al backend.

6. Flujo de Desarrollo:

   • Configuración de un entorno de desarrollo eficiente para manejar frontend y backend de manera separada.

Requisitos Previos

• Node.js: Versión 16 o superior recomendada.
• MongoDB: Configurado localmente o acceso a un clúster remoto.
• Git: Opcional, para clonar el repositorio.

Cómo Ejecutar el Proyecto

1. Clonar los Repositorios

Frontend:

git clone https://github.com/NoeliaGAP/Fast-Notes-Front.git

• Accede a la carpeta del proyecto:

  cd notes-front

• Instala las dependencias:

  npm install

• Crea un archivo .env con la siguiente variable:

  VITE_API_URL=http://localhost:3000

• Inicia el servidor de desarrollo:

  npm run dev

Backend:

git clone https://github.com/NoeliaGAP/Fast-Notes-Back

• Accede a la carpeta del proyecto:

  cd notes-back

• Instala las dependencias:

  npm install

• Configura el archivo .env con las variables necesarias, por ejemplo:

  MONGO_URI=<tu_uri_de_mongodb>
  JWT_SECRET=<tu_secreto_jwt>

• Inicia el servidor de desarrollo:

  npm run dev

2. Acceder a la Aplicación

• Abre el navegador y accede a (https://fasty-notes.netlify.app) para interactuar con la aplicación.

Funcionalidades Destacadas

• Gestor de Notas:
  • Crear, editar y eliminar notas de manera eficiente.
• Autenticación Segura:
  • Registro e inicio de sesión protegidos mediante JWT.
• Subida de Imágenes:
  • Integración con backend para almacenar y mostrar imágenes.
• Diseño Responsivo:
  • Adaptado para funcionar en diferentes dispositivos y resoluciones.

Contacto

Si tienes alguna duda o sugerencia, no dudes en contactarme a través de mi LinkedIn o visita el repositorio para más información.