mrtlive / FMSS-final-case

Home Page:https://starwars-fmss.surge.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

FMSS Final Case Star Wars Star Ship Finder

Star Wars Starship Finder

Star Wars Starship Finder is a web application built using TypeScript and React. It allows users to search for starships from the Star Wars universe using the SWAPI API and display detailed information about each starship, such as its name, manufacturer, cargo capacity, and crew size.

You can access this application via Star Wars Space Ship Finder app

Technologies Used

The following technologies were used in the development of this app:

Screenshots

Screenshot 2023-04-30 at 01 55 27

Screenshot 2023-04-30 at 01 55 34

Getting Started

To get started with Star Wars Starship Finder, you can follow these steps:

  1. Clone this repository to your local machine.
  2. Navigate to the project directory and install the required dependencies by running npm install.
  3. Start the development server by running npm run dev. This will launch the app in your default browser at http://localhost:5173.
  4. You should now be able to use the app to search for Star Wars starships!

Usage

To use Star Wars Starship Finder, simply type the name of a Star Wars starship into the search bar and click the "Search" button. The app will query the SWAPI API and display a list of starships that match your search term.

Clicking on a starship in the list will take you to a detailed view of that starship, which includes information such as its name, model, manufacturer, cost in credits, length, maximum atmospheric speed, hyperdrive rating, cargo capacity, and crew size.

You can also navigate between different views of the app using the navigation links at the top of the page.

License

This app is distributed under the MIT license. See the LICENSE file for more details.

Acknowledgments

We would like to thank the developers of the following technologies and APIs used in the development of this app:

About

https://starwars-fmss.surge.sh/


Languages

Language:TypeScript 84.7%Language:HTML 7.3%Language:JavaScript 6.8%Language:CSS 1.2%