chambrin / PokeNext

Pokedex

Home Page:https://poke-next-topaz.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PokeNext

Description

Mon site Pokedex est construit en utilisant Next.js, ainsi que l'API PokeAPI pour récupérer les données sur les Pokémons. Le site offre une interface utilisateur conviviale et facile à utiliser, avec des fonctionnalités telles que la recherche de Pokémons, la navigation par type et la visualisation des caractéristiques et des capacités de chaque Pokémon.

Installation

  1. Clonez le repo
    git clone
  2. Installez les packages NPM
  3. Lancez le serveur
    npm run dev
  4. Ouvrez votre navigateur et allez sur http://localhost:3000
  5. Enjoy !

ROADMAP

First steps

  • Afficher la liste des Pokémons
  • Afficher les détails d'un Pokémon
  • Afficher les types de Pokémons
  • Afficher les caractéristiques d'un Pokémon
  • Afficher les capacités d'un Pokémon
  • Afficher les évolutions d'un Pokémon
  • Afficher les Pokémons par type
  • Afficher les Pokémons par génération
  • Afficher les Pokémons par région
  • Background du Pokemon selon le type && Degrader si multi type || Moyen de couleur du pokemon

Second steps

  • Afficher les Pokémons par génération
  • Afficher les faiblesses et les résistances de chaque Pokémon en fonction de son type
  • Ajouter la possibilité de comparer les statistiques de deux Pokémon différents
  • Ajouter la possibilité de créer et de personnaliser une équipe de Pokémon

API utilisée :

https://pokeapi.co/

Technologies utilisées :

  • Next.js
  • React.js
  • Tailwind CSS
  • Axios
  • Framer Motion
  • Vercel

Contact

About

Pokedex

https://poke-next-topaz.vercel.app


Languages

Language:TypeScript 72.9%Language:JavaScript 24.1%Language:CSS 3.0%