SWStarter is a Star Wars API explorer built with Laravel (backend) and React (frontend). It allows users to search for Star Wars characters (people) and movies, and view detailed information about them. It is designed to be user-friendly, responsive, and efficient.
Besides basic search features and exploring details of records, some features I'd like to highlight are:
I've leveraged TailwindCSS to design for a varied set of screen sizes, which include mobile devices.
The UI will automatically adapt to your system's preferences. If your device is set to Dark Mode, the application will switch to a dark theme.
The UI incorporates subtle animations powered by motion. They are designed to make interactions smoother, more engaging and visually appealing without getting in the way.
To improve performance and reduce redundant API calls, nested API records are cached.
The application includes a /statistics endpoint that provides insights into query usage and response times. Statistics are computed immediately on the first access and subsequently updated every 5 minutes.
The setup has been tested with MacOS 15 and Debian 12.
| Debian Docker Setup | MacOS Docker Setup |
|---|---|
 |
 |
- Docker: Ensure Docker is installed on your machine.
- Ports: Make sure ports 8000 (backend) and 5173 (frontend) are available on your host machine.
-
Clone the repository to your local machine.
-
Navigate to the project folder in your terminal.
-
Run the following command to start the application:
docker compose up -
Once the containers are up and running, open your browser and navigate to: http://localhost:8000
The provided Dockerfile and docker-compose configuration are intended for demo purposes only. They are not optimized for production or development environments. For maximum compatibility, we don't use volumes.