PrangonGhose / pokeapp

Pokeapp is an aplication that allows users to identify their favourite pokemos from a list that is displayed in the home page. Users are also allowed to give a like to the pokemon they love and reserve one of them for their next tournament! It was implemented with HTML, CSS, JavaScript and Webpack!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pokémon Web Application

📗 Table of Contents

📖 Project Name

Pokémon Web Application

🛠 Built With

  • HTML, CSS, and JavaScript

Key Features

Describe between 1-3 key features of the application.

  • Use of Pokémon database to show data about different pokémons and their abilities in a popup.
  • Use of API to store comments and reservation for pokémons.
  • Project with webpack.
  • Used HTML Webpack Plugin to generate HTML files.
  • All HTML contents are loaded dynamically.
  • Function to count comments and reservations from the document object model.
  • Styling used a wireframe template.
  • Code is created in src folder and dist folder is generated using webpack.

(back to top)

🚀 Live Demo

Have a look the live demo of the website here.

(back to top)

💻 Getting Started

To clone the repository in local environment try following steps.

Prerequisites

  • A web browser like Google Chrome.
  • A code editor like Visual Studio Code with Git and Node.js.

You can check if Git is installed by running the following command in the terminal.

$ git --version

Likewise for Node.js and npm for package installation.

$ node --version && npm --version

Setup

Clone the repository using this link

Install

In the terminal, go to your file directory and run this command.

$ git clone https://github.com/PrangonGhose/Leaderboard.git

Get into development

In the terminal, run these commands to get into development.

$ cd pokeapp

$ npm init -y

$ npm install (install dependencies)

$ npm run build (create the optimized for production)

$ npm start (run the app locally)

Usage

This website is applicable for both mobile and desktop version.

Run tests

Deployment

(back to top)

👥 Authors

👤 Juan Pablo Guerrero

👤 Prangon Ghose

👤 Pedro Henrique Domingues Neves

(back to top)

🔭 Future Features

  • Styling of the webpage
  • Animation to add functionality
  • Adding responsiveness
  • Adding more pages using API

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome! Add suggestions by opening new issues.

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

Authors would like to thank:

(back to top)

❓ FAQ

(back to top)

📝 License

This project is MIT licensed.

About

Pokeapp is an aplication that allows users to identify their favourite pokemos from a list that is displayed in the home page. Users are also allowed to give a like to the pokemon they love and reserve one of them for their next tournament! It was implemented with HTML, CSS, JavaScript and Webpack!

License:MIT License


Languages

Language:JavaScript 77.2%Language:CSS 19.5%Language:HTML 3.3%