Practice Set 1
1) Slot machine. Users enter an amount to "gamble" before playing on a slot machine with 3 different symbols (e.g., bars, seven, cherry). If the symbols are the same (three cherries), the player gets the amount entered multiplied by some number.
2) Shopping Cart Page. Cart shows three items with their corresponding quantities and subtotal. Users can update the quantity and select a shipping method. Users can also enter a "promo code". All totals, including tax, are updated when clicking on a button. An image corresponding to the shipping method selected is displayed (e.g. plane, truck, snail)
3) Random Team Generator. Upon selecting the team gender (female, male, coed) and size, a random team is created out of two initial sets of male and female names. Users are given the option to show the generated team ordered alphabetically.
4) Hangman game. A random word is selected and the player needs to guess it, letter by letter.
5) Any game card. Create a simplified version of any game card in which users are given random cards such as Poker or Blackjack.
6) Dice game. Create a computer vs player dice game. Include an amount to gamble or any additional features to meet the 50-line requirement.
Practice Set 2(Fetch and Web APIs)
Create a web page that retrieves and displays data from an existing Web API using fetch(), based on user's input. You might need to request an API Key.
1) Use the Eartquake Web API (https://earthquake.usgs.gov/fdsnws/event/1/) to retrieve and display information about earthquakes that took place within a specified data range and a specified magnitude.
2) Use the Faker API (https://fakerapi.it/en) to get fake data requested by users (name of people, images, places, companies, addresses, etc.)
3) Use the Behindthename (https://www.behindthename.com/api/) API to display information about a name, display icon or background color to indicate the name's gender, if applicable.
4) Use the OpenWeatherMap (https://openweathermap.org/api) API to display the current weather based on a location entered, display different images based on temperature.
5) Use the Rick and Morty (https://rickandmortyapi.com/api/) API to display information about the show characters based on their name and species.
Realcode4you.com expert provide complete web application related help within is related to JavaScript or its libraries like React Js, Angular, etc.
Hire Expert and get instant help with an affordable price.