Star Wars - Starships App

Starships application using star wars api and view information about the starships

See Live Here

Application Features

✔️ List starships by using Star Wars API

✔️ Starship items should include name, model and hyperdrive_rating.

✔️ Users can search starships by its name or model through the API, using a single input above.

✔️ Users can click on any item and go to a detail page that includes passengers, max_atmosphering_speed, manufacturer, crew and cargo_capacity, films in addition to name and model.

✔️ Users can go back to home page from detail page

✔️ Load more starships with a load more button

Technologies

• Next.js
• Context Api
• React Query
• Chakra UI + Framer Motion
• Axios

Screenshots

Api

Go to api redirect

Install the dependencies

  npm install 

Run Next dev server

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

Open http://localhost:3000 with your browser to see the result.

To build for production

  npm run build

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.