Dev0psKing / AYA-BACKEND-PROJECT-1

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

AYAGIGS FIRST BACKEND PROJECT ON JAVASCRIPT API FETCHING

Problem Description:

You are to create a SPA (single page application) using html, CSS and JavaScript. It shows all characters from a star wars API (https://swapi.dev/api/people). Read the documentation and implement as follows.

Process ?

  1. Display a dummy image for all single characters

  2. Make a HTTP request to populate your frontend application using the API

  • Display a list with the names of each person from the API request.
  • On Clicking any name, display the details of that user on the screen, with name, gender, height only.
  1. All implementations should be done using es6.

  2. Make your design pretty and responsive.

  3. When you are done, host on heroku or netlify (link should be added to your turned in field on Teams)

Below is the screenshot of the solution

Screenshot (204) Screenshot (205) Screenshot (206)

About


Languages

Language:HTML 43.0%Language:CSS 29.1%Language:JavaScript 27.8%