Skip to content

A definitive Star Wars Character Guide featuring all characters from the original and prequel movie trilogies. Built with HTML, CSS, Javascript, React, Redux and React Hooks.

Notifications You must be signed in to change notification settings

sgtbrunner/star-wars-guide-react

Repository files navigation

Contributors Forks Stargazers Issues LinkedIn


Logo

Star Wars Guide React

A definitive Star Wars Character Guide featuring all characters from the original and prequel movie trilogies
Explore the docs »

View Demo · Report Bug / Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. Contact
  7. Acknowledgements

About The Project

Star Wars Guide React

Star Wars Guide React, inspired by Star Wars Guide, is the definitive Star Wars Character Guide, featuring all characters from the original and prequel movie trilogies.

This project was originally built as a pratical exercise to learning React, API integration and dialog implementation. Later on, the project was updated to hold fetched API data with Redux and testing with Jest and React Testing Library, delivering more content with better performance and increased confidence.

Built With

Star Wars Guide React was built with the following technologies:

Brunner-HTML Brunner-CSS Brunner-Js Brunner-React Brunner-Redux Brunner-Redux

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

Have npm installed in your machine.

  • npm
    npm install npm@latest -g

Installation

On terminal

  1. Clone the repo
    git clone https://github.com/sgtbrunner/star-wars-guide-react
  2. Navigate to project folder
    cd star-wars-guide-react
  3. Install NPM packages
    npm install

Usage

Run the following commands on terminal within the project folder

  1. Starting the app

    npm start

    If you browser doesn't open automatically, open it and navigate to

    http://localhost:3000/

    Once loaded, you can search for your favorite Star Wars characters and check their info: screenshot2 screenshot2

  2. Formatting the app

    npm run format
  3. Linting the app

    npm run lint
  4. Testing the app

    npm test

    To check for testing coverage:

    npm run test-coverage
  5. Building the app

    npm run build

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contact

Guilherme Brunner - guilherme.brunner@gmail.com

Project Link: https://github.com/sgtbrunner/star-wars-guide-react

Acknowledgements