Pocket Monster (Pokemon) Identification System Pokemon.ID is a Web Application that utilizes API data from PokeAPI is a user-friendly application that allows users to browse and search through a comprehensive database of Pokemon characters. Built using HTML, CSS, and JavaScript, the app retrieves data from the PokeAPI to provide detailed information about each Pokemon including its type, abilities, stats, and evolutions.
Pokemon.ID https://pokemon-id.herokuapp.com/
- Search for Pokemon by name or ID
- Filter Pokemon by type
- View detailed information about each Pokemon, including its abilities, and stats
- Search for a Pokemom (name, type1, type2, base point, pokedex ID)
- Favorite a Pokemon
- Create a new Pokemon to the database
- Edit a Pokemon in the database
- Ability to upload profile picture
In addition to providing valuable information about each Pokemon character, the app offers an engaging and interactive user experience. Users can easily navigate between related Pokemon using the evolution chain and explore the vast world of Pokemon with ease.
- HTML
- CSS
- JavaScript
- PokeAPI
Pokemon.ID represents the perfect platform for fans of the Pokemon franchise who want to learn more about their favorite characters and expand their knowledge about the world of Pokemon.
ForkandClonethis repository to your local machine.- Create your
.envfile in the root of the application - Import models
sequelize db:migrate - Seed the database with Pokemon data
sequelize db:seed:all - Run
npm run devto start server. - localhost:8000 in your broswer to see app
List all Pokemon: /pokemon View favorites list: /favorites Advanced Pokemon search: /search Query Pokemon by name: /pokemon/: name Query Pokemon by name: /pokemon/id/ :gameindex number Query Pokemon by types: /pokemon/type-1/ :type Query Pokemon by types: /pokemon/type-2/ :type
axios: ^1.4.0 bcryptjs: ^2.4.3 connect-flash: ^0.1.1 dotenv: ^16.0.2 ejs: ^3.1.9 ejs-layouts: ^0.0.1 express: ^4.18.2 express-ejs-layouts: ^2.5.1 express-router: ^0.0.1 express-session: ^1.17.3 method-override: ^3.0.0 multer: ^1.4.5-lts.1 node: ^20.2.0 passport: ^0.6.0 passport-local: ^1.0.0 pg: ^8.11.0 pg-hstore: ^2.3.4 sequelize: ^6.31.1 sequelize-cli: ^6.6.1 supertest: ^6.3.3
- Implement new UX
- Add user messaging and private messages
- Add Social OAUTH login
- Add Navigate between related Pokemon using the evolution chain