https://github.com/mckeekaylie/kw-swapi-app-react

The Planets of Star Wars
https://github.com/mckeekaylie/kw-swapi-app-react

jest jest-dom jest-mocking jest-tests netlify nextjs react react-components react-hooks react-router-dom sass sass-functions sass-mixins swr-hook typescript typescript-react yarn

Last synced: about 1 month ago
JSON representation

The Planets of Star Wars

• Host: GitHub
• URL: https://github.com/mckeekaylie/kw-swapi-app-react
• Owner: mckeekaylie
• Created: 2024-11-15T00:33:54.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-02T21:40:31.000Z (about 1 month ago)
• Last Synced: 2024-12-02T22:19:52.291Z (about 1 month ago)
• Topics: jest, jest-dom, jest-mocking, jest-tests, netlify, nextjs, react, react-components, react-hooks, react-router-dom, sass, sass-functions, sass-mixins, swr-hook, typescript, typescript-react, yarn
• Language: TypeScript
• Homepage: https://kw-the-planets-of-star-wars.netlify.app
• Size: 12.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## The Planets of Star Wars

This is a Next.js 15.0.3/React 19.0.0 single-page application that fetches planets in the Star Wars canon via [SWAPI](https://swapi.dev/).

## Getting it up and running locally

IMPORTANT: you must have node.js and Git installed on your computer for the following to work:

- run `git clone https://github.com/mckeekaylie/kw-swapi-app-react.git` inside the directory of choice on your desktop

- run `yarn` inside the project directory _kw-swapi-app-react_

- run `yarn dev` inside the project directory _kw-swapi-app-react_

- navigate to (localhost:3000) in your preferred browser

## Running Jest tests

This application contains a series of tests for both the home and detail views, implemented with Jest.

To run the tests:

- run `yarn test` inside the project directory * * kw-swapi-app-react

## Browser support DESKTOP

- Chrome

  verified with: _Version 131.0.6778.71 (Official Build) (x86_64)_

- Firefox

  verified with: _Version 132.0.2 (64-bit)_

- Safari

  verified with: _Version 17.6 (17618.3.11.11.7, 17618)_

- Opera One

  verified with _Version 114.0.5282.185 x86_64_

- DuckDuckGo

  verified with _Version 1.114.0 308_

## Browser support MOBILE

- Chrome

  verified with: _Version 131.0.6778.39_

- Firefox

  verified with: _Version 132.0.2_

- Safari

  verified with: _iPad OS 17.6.1_

- Opera

  verified with _Version 85.7.4500.82229_

- DuckDuckGo

  verified with _Version 5.219.0_

 ## Image Attributions

 - Star Wars Naboo Ship icon: [Icons8](https://icons8.com/icon/A5m8pfz5UiSL/star-wars-naboo-ship)

 - Galaxy background (loading screen and home page) [Freepik](https://www.freepik.com), Premium License

 - Star Wars logo: [World Vector Logo](https://www.worldvectorlogo.com)

 - Featured planet images: [wookieepedia](https://starwars.fandom.com/wiki/Main_Page)

 - ALL other icons [Flaticon](https://www.flaticon.com), Premium License

 - All Planets background: [Wallpapers.com](https://www.wallpapers.com), by usnlady205

 - Planet Detail background: [Alamy](https://www.alamy.com/-image225450593.html?imageid=E0C7DB78-CA50-4F41-B197-84D31686AA9C&p=334254&pn=1&searchId=bc6333f92afba1856d7971e9d824c4dc&searchtype=0), Individual License