This project is a JavaScript app that uses data from an API to display information on the browser, allowing users to add comments or likes to Disney characters. It uses advanced JavaScript concepts such as ES6 modules, callbacks, and promises, and is built using webpack and follows AAA pattern for unit testing. Gitflow is used for version control.
Even if the API gives you the number of items, you will create a specific function to calculate it.
Make sure that the correct number is displayed on the Homepage.
Respect the following rules:
Each counter should be implemented as a separate module.
A counter function should look for specific DOM elements (e.g. for the comments counter it should look for comments) and make the counting based on what is actually displayed on the page.
A counter function should cover all the edge cases you can think about.
Find an API to base the development of the webapp around it. The API should allow you to
Get a list of items with a unique item id (or generate the unique id).
For a given item, get detailed information about it.
choose an APIs that doesn't need authentication. if you select an API that requires authentication, you should implement it on your own. Also, if you select an API that provides image resources your webapp will be more visual.
Create a reservations popup only with the top section (displaying details of the selected item)
When the popup loads, the webapp retrieves data from the selected API and shows details about the selected item.
Add event to button prepared by your teammate that will open your popup. You need to communicate with your team member to make sure that you do not block each other (most likely the easiest solution is to merge the list of items feature to the dev branch before you try to add that event).
Create a comments popup only with the top section (displaying details of the selected item)
When the popup loads, the webapp retrieves data from the selected API and shows details about the selected item.
Add event to button prepared by your teammate that will open your popup. You need to communicate with your team member to make sure that you do not block each other (most likely the easiest solution is to merge the list of items feature to the dev branch before you try to add that event).
Even if the API gives you the number of reservations you will create a specific function to calculate it.
Make sure that the correct number is displayed on the Reservations pop up.
Respect the following rules:
Each counter should be implemented as a separate module.
A counter function should look for specific DOM elements (e.g. for the comments counter it should look for comments) and make the counting based on what is actually displayed on the page.
A counter function should cover all the edge cases you can think about.
Even if the API gives you the number of comments you will create a specific function to calculate it.
Make sure that the correct number is displayed on the Comments pop up.
Respect the following rules:
Each counter should be implemented as a separate module.
A counter function should look for specific DOM elements (e.g. for the comments counter it should look for comments) and make the counting based on what is actually displayed on the page.
A counter function should cover all the edge cases you can think about.
@haliljon,
I am very grateful for the hard work and commitment you have shown in completing the tasks assigned to you by Microverse on the issues/kanban board. I have a small change request for you, and I have created a new issue for it. The issue is related to the text that appears when clicking on card #1. Please create a new branch, address the issue, and submit it for approval.
Once you have finished the development of the project, you should record a video presenting the features of the project you built. It is a video with a maximum length of 5 minutes.
The content of the video should include:
A description of the project.
A demo of the project features.
You should also highlight some interesting piece of code or something you built that you are very proud of.
You all should appear in the video and talk about the project.