Patika.dev & FMSS Bilişim Front-end Practicum Final Case My Patika.dev Profile: "https://app.patika.dev/keremyvz"
This React.js application allows you to search for starship information using the Star Wars API and access detailed information. The application uses React Router, Axios, Context API, and CSS features
The application is live on Vercel. You can access it via the link below: https://practicum-finalcase.vercel.app/
To run this application, you need to have Node.js installed on your computer. If Node.js is not installed, you can download it from nodejs.org.
To run the application, follow these steps:
- Clone this repository or download it as a zip file.
- Open the terminal and go to the directory where the application is located.
- Run the
npm installcommand to install the dependencies. - Run the
npm startcommand to start the application. - Go to http://localhost:3000 in your browser and start using the application.
When the application is launched, a search bar greets the user on the main page. By pressing the enter key, you can list all the spaceships or view the fetched results from the API via Axios by entering a spaceship name or model number. The starship list includes the name, model, manufacturer and hyperdrive rating of each starship. you can also list rest of items with 'Load More' button if list has more than 10 items in search results.
By clicking on any starship from the list, you can access the detailed information of the selected starship. Detailed information includes the class, length, speed, crew number, passenger capacity, weapons, and many other features of the starship.
In addition, React Router is used in the application. Users are redirected to the main page, the list of spaceships, search results based on the entered search parameter, and the details page based on the entered spaceship name using the address bar. If the entered URL does not match any of these pages, the application redirects the user to a 404 page.
This application retrieves starship information using the Star Wars API (SWAPI). SWAPI is a web API that contains information about all characters, planets, vehicles, and many other objects in the Star Wars universe.
This application is made using React.js, React Router, Context API, and CSS. The application's README.md file was automatically generated using the OpenAI ChatGPT model.