https://github.com/sambeck87/group-capstone-project
This first group capstone is a project where we use the pokemon API to take 6 specific elements, showing in the main page the name of the pokemon and its image. We implemented a likes function that stores the information in "Involvement API" which is called later to get the information and display it with the amount of likes of each element
https://github.com/sambeck87/group-capstone-project
css javascript jest-tests webpack
Last synced: about 1 year ago
JSON representation
This first group capstone is a project where we use the pokemon API to take 6 specific elements, showing in the main page the name of the pokemon and its image. We implemented a likes function that stores the information in "Involvement API" which is called later to get the information and display it with the amount of likes of each element
- Host: GitHub
- URL: https://github.com/sambeck87/group-capstone-project
- Owner: sambeck87
- License: mit
- Created: 2023-01-02T18:59:34.000Z (over 3 years ago)
- Default Branch: develop
- Last Pushed: 2023-06-04T16:58:00.000Z (about 3 years ago)
- Last Synced: 2023-06-04T17:25:23.555Z (about 3 years ago)
- Topics: css, javascript, jest-tests, webpack
- Language: JavaScript
- Homepage: https://sambeck87.github.io/group-capstone-project/
- Size: 2.12 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ](#faq)
- [📝 License](#license)
**This first group capstone** is a project where we use the pokemon API to take 6 specific elements, showing in the main page the name of the pokemon and its image.
We implemented a likes function that stores the information in "Involvement API" which is called later to get the information and display it with the amount of likes of each element.
In the same way a button was implemented that opens a popup which shows in greater detail the characteristics of the selected pokemon.
In this popup you can view comments from other people and also create your own comment, all this thanks to the use of Involvement API.
Also two tests were created to verify the operation of the function that displays the number of comments and pokemon displayed in the DOM.
## 🛠 Built With
- HTML5
- CSS
- JavaScript
- Webpack
- Jest
- **This project use API's to get and save information**
- **This project was created using asyncronous functions**
- **This project was implemented with calls and promises**
- [Live Demo Link](https://sambeck87.github.io/group-capstone-project/)
- [Description video](https://drive.google.com/file/d/1ITx9sOrwqMaxeFMMvToJBXfK-PMGkRia/view?usp=share_link)
> Describe how a new developer could make use of your project.
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- A browser that supports html5
- Git
- A GitHub account
### Setup
Clone this repository to your desired folder:
- Go to this repo and copy the project link
https://github.com/sambeck87/group-capstone-project
- Open your terminal and clone the repo with this command "git clone https://github.com/sambeck87/group-capstone-project.git"
- Now, you have a copy on your pc.
### Install
Install this project with:
- You need to install npm to use the commands
- In your console type, npm install to install all the dependencies
### Usage
To run the project, execute the following command:
npm start
### Run tests
To run tests, run the following command:
npm test
### Deployment
You can deploy this project using:
Github Pages
This project use Github Pages to deploy the page, just type the command: "npm deploy"
👤 **Sandro Hernandez**
- GitHub: [@sambeck87](https://github.com/sambeck87)
- Twitter: [@sambeck4488](https://twitter.com/sambeck4488)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/sandro-israel-hern%C3%A1ndez-zamora-899386a4/)
👤 **Glenda Diaz**
- GitHub: [@Gdiazdiaz](https://github.com/Gdiazdiaz)
- LinkedIn: [LinkedIn](www.linkedin.com/in/glendadiazz)
- [ ] **It will allow just one like per persone**
- [ ] **It will contain more pokemons and features**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/sambeck87/Leaderboard-project/issues).
> Write a message to encourage readers to support your project
If you like this project give a ⭐️ or send us a message. We will apreciate
I would like to thank to Microverse for the inspiration to be better every day.
- **[Can this project be used in any browser?]**
- [This project was created and proved in firefox v107. You can try run it in older version but this project couldn't work well]
- **[Can I use the code of this project]**
- [Sure. We will be happy to colaborate with this project. This project has MIT license]
This project is [MIT](./LICENSE) licensed.