🚀 Proyecto JWT Flask React - PokéApp

📖 Descripción General

PokéApp es una aplicación web Full Stack desarrollada con React.js en el frontend y Flask (Python) en el backend. Ofrece autenticación segura mediante JWT, interacción con una API pública de Pokémon y almacenamiento de información en SQLite (localmente) y PostgreSQL (en producción con Docker).

📂 Estructura de Carpetas

jwt-flask-react/
├── backend/
│   ├── src/
│   │   ├── routes
│   │   ├── utils
│   │   ├── app.py
│   │   ├── config.py
│   │   └── models.py
│   ├── tests/
│   ├── Dockerfile
│   ├── Pipfile
│   ├── Pipfile.lock
│   └── docker-compose.yml
└── frontend/
    ├── public/
    ├── src/
    │   ├── components
    │   ├── context
    │   ├── pages
    │   ├── api
    │   ├── App.jsx
    │   ├── main.jsx
    │   ├── index.css
    │   └── routes
    ├── package.json
    └── tailwind.config.js

📦 Dependencias Principales

Frontend

• React.js (Vite)
• React Router
• TailwindCSS
• Axios

Backend

• Flask
• Flask SQLAlchemy
• Flask Migrate
• Flask JWT Extended
• SQLite / PostgreSQL
• Docker

🌐 Endpoints REST Expuestos

🔐 Autenticación

• POST /auth/signup: Registro de usuarios.
• POST /auth/login: Inicio de sesión y generación del token JWT.

📚 Pokémon (protegido)

• GET /api/pokemon: Obtener lista de Pokémon almacenados en la base de datos.

🚀 Cómo correr el proyecto desde cero

1. Clonar el repositorio

git clone https://github.com/JulioRom/jwt-flask-react.git
cd jwt-flask-react

2. Configurar Backend

cd backend
pipenv install
pipenv run init_db
pipenv run migrate_db
pipenv run upgrade_db
pipenv run load_pokemon
pipenv run run_server

3. Configurar Frontend

cd frontend
npm install
npm run dev

🐳 Ejecución con Docker (Opcional para Producción)

cd backend
docker-compose up --build

👨‍💻 Autor

JulioRom

• 📧 Correo: julioandrescampos@gmail.com
• 🔗 GitHub: https://github.com/JulioRom