ndayishimiyeeric / Capstone-KanbanBoard

This is a Javascript Capstone Project at Microverse where I used Github Project(Kanban Board) to track my daily work, Webpack to bundle javascript, Jest to perform unit testing, API to fetch data from PokeApi and the Involvement API. During the implementation of different features in this project like the liking and commenting functionality I learned a lot and it improved my javascript Skills..

https://ndayishimiyeeric.github.io/Capstone-KanbanBoard/

4 stars 0 forks source link

Poke Web App #27

Closed ndayishimiyeeric closed 2 years ago

ndayishimiyeeric commented 2 years ago

Capstone Project

Build on these interfaces:

The home page.
The comments popup.

Home page

When the page loads, the webapp retrieves data from:

The PokeApi and shows the list of items on screen.
The Involvement API to show the item likes.
When the user clicks on the Like button of an item, the interaction is recorded in the Involvement API and the screen is updated.
When the user clicks on the "Comments" button, the Comments popup appears.
Home page header and navigation similar to the given mockup.
Home page footer similar to the given mockup.

Comments popup

When the popup loads, the webapp retrieves data from:

The PokeAPI and shows details about the selected item.
The Involvement API to show the item comments.
When the user clicks on the "Comment" button, the data is recorded in the Involvement API and the screen is updated.

Counters

We have counters in all the interfaces that show:

The number of items (home).
The number of comments (comments popup).

Technical Set Up

Built Using:

Gitflow.
webpack.
JavaScript testing library (Jest).