ToobaJamal / code-the-dream-pre-work

A single-page web application built using vanilla JavaScript and the SWAPI (Star Wars API) that provides information about the Star Wars universe. This app allows users to search for people, films, planets, species, starships, and vehicles.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Star Wars Universe

Description

A single-page web application built using vanilla JavaScript and the SWAPI (Star Wars API) that provides information about the Star Wars universe. This app allows users to search for people, films, planets, species, starships, and vehicles. Clicking on any of the attributes will take the user to its detailed information to explore the Star Wars world.

Features

  • Search for people, films, planets, species, starships, and vehicles
  • View detailed information such as height, mass, rotation period and other attributes
  • Navigate to homeworld, planets, vehicles etc from the initial search
  • Clean UI design
  • Responsive design for optimal viewing on various devices

Installation

  1. Clone the repository in your local machine
https://github.com/ToobaJamal/code-the-dream-pre-work.git
  1. Navigate to the project directory
cd code-the-dream-pre-work
  1. Open the index.html file in your preferred browser or run npx serve

Usage

  1. Click on any of the buttons on the screen to find information about people, films, planets, species, starships and vehicles
  2. Explore the detailed information of your selected attribute
  3. Click on any of the buttons on the cards to view more information like homeworld of a character or films people that belong to a certain species

About

A single-page web application built using vanilla JavaScript and the SWAPI (Star Wars API) that provides information about the Star Wars universe. This app allows users to search for people, films, planets, species, starships, and vehicles.


Languages

Language:JavaScript 83.7%Language:CSS 11.2%Language:HTML 5.1%