/stahwurs

Primary LanguageTypeScript

Stahwurs

Stahwurs is an application built with Angular, Material UI, Tailwind CSS, and Angular Routing. It utilizes the Star Wars API (SWAPI) to fetch data about people, planets, and starships from the Star Wars universe. Users can search for specific items using a search bar, and the information will be displayed in a table format. Clicking on an item in the table will open a modal with additional details about that item.

Deployment

The application is deployed on Azure and can be accessed using the following link: In development...

Please note that the API calls from the star wars API take some time to load into the tables, so please be patient and wait on that page for the information to populate. I'm currently working on ways to create a better user experience.

Features

  • Search functionality to find information about people, planets, and starships from the Star Wars universe
  • Display of item details in a table format
  • Modal pop-up with additional information when clicking on an item

Technologies Used

  • Angular 16
  • Angular Material
  • Tailwind CSS
  • RESTful API: Star Wars API (https://swapi.dev/)

Setup

To run this project, follow these steps:

  1. Clone the repository to your local machine.
  2. Install dependencies by running npm install in the project directory.
  3. Start the development server by running npm start.
  4. Open http://localhost:4200 in your web browser to view the site.

Disclaimer

This project, Stahwurs, is a personal and educational endeavor. It uses the Star Wars API (https://swapi.dev/) to fetch and display data but is not affiliated with or endorsed by Lucasfilm Ltd. or any related companies. This project is purely for the purpose of practicing and developing skills in front-end development, with a focus on Angular and TypeScript. All data is provided by the Star Wars API, and this application claims no ownership or responsibility for this data.

Contact

If you have any questions or would like to know more about the project, feel free to reach out to me.

Thank you for your interest in Stahwurs!