Star wars

Ready to embark on an exciting journey to a galaxy far, far away? There's so much to discover and explore, from fascinating people and species to planets, starships, and vehicles from the first seven movies. And to make things even better, I've added some stylised imagery that complements the look and feel of the site, which you won't find anywhere else. So, what are you waiting for? Let's go on an adventure!

Features

• Responsive design & images
• Bespoke SVG icons
• Bespoke images
• Infinite scroll data fetching

Films

• List of all available films

Films/id

• Poster
• Background image
• Episode
• Title
• Release date
• Opening crawl
• Director & producer(s)
• Stats count: characters, planets, species, starships & vehicles
• People
• Species
• Planets
• Starships
• Vehicles

Films card

• Poster
• Title
• Release date

People

• List of all available people

People/id

• Profile
• Background image
• Name
• Gender
• Species
• Birth year
• Homeworld
• Height
• Mass
• Hair colour
• Skin colour
• Eye colour
• Stats count: films, starships, vehicles
• Films
• Starships
• Vehicles

People card

• Profile image
• Name
• Species

Species

• List of all available species

Species/id

• Profile image
• Background image
• Classification
• Designation
• Average Height
• Skin Colours
• Hair Colours
• Eye Colours
• Average Lifespan
• Homeworld
• Language
• Stats count: films, characters
• Films
• People

Species card

• Profile image
• Name
• Designation

Planets

• List of all available planets

Planets/id

• Profile image
• Background image
• Climate
• Terrain
• Surface water
• Diameter
• Orbital period
• Rotation period
• Gravity
• Population
• Stats count: films, characters
• Films
• Residents

Planets card

• Profile image
• Name
• Climate

Starships

• List of all available starships

Starships/id

• Profile image
• Background image
• Model
• Class
• Manufacturer
• Cost
• Length
• Crew
• Passengers
• Hyperdrive rating
• Max speed
• Cargo capacity
• Consumables supply
• Stats count: films, characters
• Films
• Pilots

Starships card

• Profile image
• Name
• Class

Vehicles

• List of all available vehicles

Vehicles/id

• Profile image
• Background image
• Model
• Class
• Manufacturer
• Cost
• Length
• Crew
• Passengers
• Max speed
• Cargo capacity
• Consumables supply
• Stats count: films, characters
• Films
• Drivers

Vehicles card

• Profile image
• Name
• Class

Technologies

• HTML5
• Sass / Scss
• TypeScript
• React
• React query

APIs

• SWAPI
• Fetch
• Intersection observer

Third party

• React icons
• React router
• React query

Design tools

• Adobe Photoshop
• Adobe Illustrator