This project was developed while I was studying Context API and React Hooks at Trybe Programming School.
I developed an application that makes a request to an external API to get data about different planets in the Star Wars Universe.
I used the data returned by the API to create a table with some filters. Planets can be filtered by their name and their characteristics, such as population, orbital period, diameter and others.
I also developed unit/integration tests using the React Testing Library.
Regular deadline: April 10th, 2023 at 2:00 pm
🏗 Project structure
The files developed by me are in the folders:
src / 📁 components 📁 context 📁 helpers 📁 tests
🔎 Linter
To ensure code quality, the ESLint and Stylelint linters were used in this project.
ESLint is a tool for identifying and reporting patterns found in ECMAScript/JavaScript code. In many ways it is similar to JSLint and JSHint with a few exceptions:
- ESLint uses Espree for JavaScript parsing.
- ESLint uses an AST to evaluate patterns in code.
- ESLint is completely 'pluggable', each of the rules is a plugin and you can add […]
To run them locally, run the commands below:
npm run lint
npm run lint:styles
🖥️ To access
1 - Clone the repository:
git clone git@github.com:VicSales28/project-digital-wallet.git
2 - Enter the repository folder you just cloned.
You must be using node version 16 (or higher).
To check your version, use the command:
nvm --version
3 - With the required version, install the dependencies:
npm install
4 - To view the application, use the command:
npm start
5 - Use the following command to run the application tests:
npm test
🗣 Feedbacks
Give me feedbacks, I'm open to new ideas 😉
