Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/clintonbrito/starwars-planets-search

Web application that searches for planets in the Star Wars galaxy that consumes an external API.
https://github.com/clintonbrito/starwars-planets-search

Last synced: 7 days ago
JSON representation

Web application that searches for planets in the Star Wars galaxy that consumes an external API.

Awesome Lists containing this project

README

        

Star Wars Planets Search


preview image


๐Ÿ“ฝ๏ธ See the results

You can view the project through the link below:


  • starwars.clintonbrito.com



  • ๐Ÿ’ก The story behind

    I developed a list with filters for planets from the Star Wars universe using Context API and Hooks to manage global states.


    The main goals of this project were:


    1. To use React's Context API to manage state.

    2. To use the React Hook useState.

    3. To use the React Hook useContext.

    4. To use the React Hook useEffect.

    5. To write tests to ensure that my application has good test coverage.




    ๐Ÿงช Technologies

    This project was developed using:

    ![Javascript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
    ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
    ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)
    ![ReactRouter](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)
    ![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white)
    ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
    ![Tailwind](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
    ![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge&logo=jest&logoColor=white)
    ![Testing-Library](https://img.shields.io/badge/-Testing_Library-%23E33332?style=for-the-badge&logo=testing-library&logoColor=white)
    ![ES Lint](https://img.shields.io/badge/eslint-3A33D1?style=for-the-badge&logo=eslint&logoColor=white)
    ![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)




    ๐Ÿš€ Getting started

    Clone the project and access the folder:


    git clone [email protected]:clintonbrito/starwars-planets-search.git
    
    cd starwars-planets-search

    Run this command to create project's Docker container and install the dependencies:

    docker compose up -d

    Open your browser and access the application through the address below to view the interface locally:

    http://localhost:8080




    ๐Ÿ“ License


    This project is licensed under the MIT License. See the LICENSE file for details.






    Developed with โค๏ธ by Clinton Brito.