Porfolio/ Coding Lab

Game Matcher - App de recomendación de videojuegos

Game Matcher

React App Flask App

Game Matcher es una aplicación web full-stack que permite a los usuarios descubrir y gestionar videojuegos personalizados según sus preferencias. La aplicación combina una base de datos local con la API externa de RAWG.

Características principales

  • Sistema de Recomendaciones Personalizadas: Basado en géneros y plataformas preferidas
  • Gestión de Favoritos: Los usuarios pueden marcar juegos como favoritos o no favoritos
  • Base de Datos Dual: Combina juegos locales con datos de RAWG API
  • Onboarding Intuitivo: Proceso guiado de 4 pasos para nuevos usuarios
  • Panel de Administración: Gestión completa de usuarios, juegos y configuraciones
  • Autenticación Robusta: Sistema de roles (usuarios/administradores)

Tecnologías utilizadas

React 18 Vite React Router Bootstrap 5 FontAwesome Context API Flask SQLAlchemy JWT CORS Alembic PostgreSQL Render

Marina Frontend

React App

API REST en Flask con Python y Front en React

  • React
  • Axios
  • Sass
  • Dropzone
  • Utenticación con JWT
  • Deploy en Digitalocean
Ver proyecto Ver código

Marina Backend

Flask App

API REST en Flask

  • Flask
  • Utenticación con JWT
  • pymongo
  • MongoDB Atlas
  • Postman
  • Jinja Python templates
  • Deploy en Render
Ver proyecto Ver código

React Tasks App

Lista de tareas en react | Tutorial Fatz.

  • React
  • React Hooks
  • useEffect
  • useEstate
  • useContext
  • Vite
  • Estilos con Tailwind
  • Deploy en Netlify
Ver proyecto Ver código

Toggle Dark Mode React

Toggle dark mode en react con styled components 💅

  • React
  • React Hooks
  • useEstate
  • Vite
  • Estilos con Styled components
  • Deploy en Netlify
Ver proyecto Ver código

React Portfolio App

React App

  • React
  • Axios
  • Estilos con Sass
  • Redux
  • Deploy en Netlify
Ver proyecto Ver código

Vanilla JS Pokédex

Proyecto para enseñar JavaScript en Superprof.

  • JavaScript
  • HTML
  • CSS
  • JavaScript Fetch API
Ver proyecto Ver código

Vanilla JS todo list

  • HTML
  • CSS
  • JavaScript
Ver proyecto Ver código

IdeaBox Vue App

Proyectos de Escuela Vue.

  • Vue 3
  • Tailwindcss
  • Firebase
Ver proyecto
Top