This project requests from the STAR-WARS-API the star wars characters. The project has a styled table to show the character requests. This table allows pagination to quickly move between different characters' page requests. Also, it includes a filter to search for characters and another one to filter characters by gender.
The project is storing data with Redux with the objective of avoiding extra requests. Instead, it searches inside the Redux if the information already exists to show it.
The <Table/ > can be easily reused.
Clone repository
git clone https://github.com/nat-reyes/star-wars-react.git
Install dependencies
npm install
Start development server
npm start
In the project directory, you can run:
npm start Starts development server.
npm run tests Runs tests.
npm run lint Runs lint . fix command to clean the project files with the linter configuration.
npm run cypress Runs cypress.
React
- is a free and open-source front-end JavaScript library for building user interfaces based on UI components.
Redux
- You can use Redux Devtools's extension.
Styled-Components
- You can see Styled-Components
Cypress
- For e2e testing. Cypress
Eslint && Prettier
- For formatting the project files.
- Eslint.js
- Prettier.js