PokemonDB: All things Pokémon

This project contains all the listed pokemons and their stats. You can like and comment on each pokemon.

Additional description about the project and its features.

Built using PokeAPI and Involvement API.

Tools used

• HTML
• CSS
• Javascript
• Git
• npm
• webpack

Live Demo

Live Demo Link

Built With

• Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).
• Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).
• Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).

To get a local copy up and running follow these simple example steps

Prerequisites

The basic requirements for building the executable are:

• A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
• VSCode or any other equivalent code editor
• Node Package Manager (For running, debuging, or installing dependancies to be used)

Getting Started

This project is configure with webpack.

Available Scripts

In the project directory, you can run:

npm install

Installs basic dependency for the project.

npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the dist folder.
It correctly bundles the app in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Cloning the project

git clone https://github.com/https://github.com/Dagic-zewdu/pokemon/tree/dev

Getting packages and debuging with Stylelint

npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x

For validation detection using Stylelint Run

npx stylelint "**/*.{css,scss}"

from parent source directory

Getting packages and debuging with Webhint

npm init -y
npm install --save-dev hint@6.x

For validation detection using Webhint Run

npx hint .

Getting packages and debuging with Eslint

npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

For validation detection using Eslint Run

npx eslint .

Author

👤 Muneeb Ul Rehman

• GitHub: @Muneeb
• Twitter: @NeatCoder_
• LinkedIn: Muneeb

👤 Dagic Zewdu Tilahun

• GitHub: @Dagic-zewdu
• Twitter: @dagic4
• LinkedIn: LinkedIn

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc

📝 License

This project is MIT licensed.