SWAPI

A project to display information about Star Wars characters, planets, and starships using the SWAPI API. This project is built using Laravel for the backend API which provides RESTful API endpoints. React for the frontend, using Material-UI for styling in a single-page application (SPA) design.

Features

• Display a list of Star Wars characters, planets, and starships
• Show details of individual characters, planets, and starships
• Search functionality to find specific characters through their names

Features to be added

• Pagination (or infinite scroll) for character, planet, and starship lists

Technologies Used

• Laravel
• Vite.js
• React.js
• Material-UI
• Axios
• Guzzle

How to Use

1. Clone the repository.
2. The root folder of the project is the Laravel backend, run composer install to install dependencies.
3. Create a new file named .env in the root folder directory and copy the contents of the .env.example file into it.
4. Generate a new APP_KEY by running php artisan key:generate.
5. Run the Laravel backend API by running php artisan serve that can be accessed through http://localhost:8000.
6. Navigate to the frontend wich is swapi-react directory and run npm install to install dependencies.
7. Run the frontend by running npm run dev.
8. Open your browser and go to http://localhost:3000.

Credits

• SWAPI API