https://github.com/kooltheba/star-wars-universe
Your favorite star-wars-pedia to search for your favorite characters 🤖, most curious planets 🌍 and coolest starships 🛸
https://github.com/kooltheba/star-wars-universe
community-project cssmodules-react hooks jest nextjs react testing testing-library usereducer-hook
Last synced: 23 days ago
JSON representation
Your favorite star-wars-pedia to search for your favorite characters 🤖, most curious planets 🌍 and coolest starships 🛸
- Host: GitHub
- URL: https://github.com/kooltheba/star-wars-universe
- Owner: KoolTheba
- License: agpl-3.0
- Created: 2022-08-31T07:00:34.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-26T16:59:42.000Z (about 2 years ago)
- Last Synced: 2025-02-17T03:37:02.736Z (4 months ago)
- Topics: community-project, cssmodules-react, hooks, jest, nextjs, react, testing, testing-library, usereducer-hook
- Language: JavaScript
- Homepage: https://star-wars-universe-six.vercel.app/
- Size: 582 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# star-wars-universe
Your favorite star-wars-pedia to search for films with your favorite characters 🤖 in the most curious planets 🌍 🛸
## About
### How to use it
My cool app 😎 Star-wars-pedia searchs for films of the Star Wars saga in which appears the searches you make! You can search for your favorite characters 🤖, the most curious planets 🌍, the fastest vehicles and the most incredible starships 🛸 ! Simply remember to follow the instructions you find in the Home page.
Want some more info?? I knew that, that's why I'm implemented the featured Film Detail. You just need to click on the film you'd like to know more and enjoy! Open an issue 🦄 on GitHub if you'd want me to add more info.
The api I've used is [SWAPI](https://swapi.dev/).
### Features
- Search for films only by adding words from your characters, etc, such as: `luke r2 tatooine`
- Visit the film detail to know further
- Go back to the previous search without losing the results of your search
- Maybe more features coming soon, just ask !! 🦄
### Want to practice your coding skills with a cool app?
Here I'm adding some User Stories than can help you building from scratch this app. First, remember, you can use the stack that you want!
- As a user, I want to be able to search for different things in the star wars universe: names, starships, planets or even vehicles
- As a user, I want to see the list of the common films in which the _things_ I searched appear, and also clearly the terms I searched for
- As a user, I want to search to be smooth despite I enter weird characters
- As a user, I want to clearly see whether my search was unfruitful
- As a user, I want to see for each film the name, episode, release date and how old the film is
- As a user, I want to be able to click on a film and see more details about it, such as the Director, the Producer and the release date again
- As a user, I want to go back to the home page and see that my search and films are still there
- As a user, I want to be able to share the url with my friends so they can see my search and the common films
## Getting the app started! 🚀
1. Install dependencies:
```bash
yarn
```
2. Run the development server:
```bash
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the coolest app ever!
## Test enviroment
To run the tests, run:
```bash
yarn test
```
## Linting
In this project I use eslint with standard. Run:
```bash
yarn lint
#or
yarn lint:fix
```