Proyecto que consiste en mostrar datos sobre equipos y jugadores de fútbol de la liga española, inglesa y la champions league.
-
Next JS: He utilizado NextJS como el framework principal del proyecto. NextJS es un framework de React para crear aplicaciones web full-stack. Utiliza React Components para crear interfaces de usuario y NextJS para funciones y optimizaciones adicionales. Next.js también abstrae y configura automáticamente las herramientas necesarias para React, como empaquetamiento, compilación y algunas más. Esto permite concentrarse en crear la aplicación en lugar de dedicar tiempo a la configuración. Next.js te ayuda a crear aplicaciones de React interactivas, dinámicas y rápidas.
-
Tailwind CSS: He usado TailwindCSS para darle estilos a los diferentes componentes.
-
API: He utilizado la API de API-Football para obtener toda la información de los equipos, ligas y jugadores.
Esta es la estructura que he utilizado en este proyecto:
/
├── public/
│ └── assets/
│ └── image.jpg
│
├── src/
│ ├── app/
│ │ ├── folder/
│ │ │ └── [folder]/
│ │ │ └── folder/
│ │ │ └── page.jsx
│ │ ├── globals.css
│ │ ├── layout.jsx
│ │ └── page.jsx
│ ├── components/
│ │ └── Component.jsx
│ ├── hooks/
│ │ └── useHook.js
│ ├── lib/
│ │ └── getData.js
│ └── utils/
│ └── util.js
└── package.json