Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gojax64/heroes-app
Single Page Application that presents the most popular superheros of Marvel and DC, this app use static information. Developed in React JS v18, with Vite and Tailwind CSS. In addition Unit testing with Jest.
https://github.com/gojax64/heroes-app
react-js spa
Last synced: 15 days ago
JSON representation
Single Page Application that presents the most popular superheros of Marvel and DC, this app use static information. Developed in React JS v18, with Vite and Tailwind CSS. In addition Unit testing with Jest.
- Host: GitHub
- URL: https://github.com/gojax64/heroes-app
- Owner: GOJAx64
- Created: 2022-07-05T04:30:00.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-12T05:06:04.000Z (over 2 years ago)
- Last Synced: 2024-11-30T19:14:38.985Z (2 months ago)
- Topics: react-js, spa
- Language: JavaScript
- Homepage:
- Size: 8.56 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Heroes-App
Single Page Application that presents the most popular superheros of Marvel and DC, this app use static information. Developed in React JS v18, with Vite and Tailwind CSS. In addition Unit testing with Jest.
## How to run
Use to initialize the repository.
~~~
yarn install
~~~
Use to initialize the aplication in your local host.
~~~
yarn dev
~~~
Use to install React Router v6
~~~
yarn add react-router-dom@6
~~~
Use to install Query String
```
yarn add query-string
```
## Installations and Configurations
[Configuration of Jest](https://gist.github.com/GOJAx64/38a7dbea046d5c88d72f75095a4fb879)
[Configuration of Tailwind CSS](https://gist.github.com/GOJAx64/b7440a9fd9a7f69fd943e1d14e1c6952)
## References
[Hooks API Reference](https://reactjs.org/docs/hooks-reference.html)
[React Router v6 Home Page](https://reactrouter.com/)
[React Router v6 docs](https://reactrouter.com/docs/en/v6)
[React Router v5](https://v5.reactrouter.com/web/guides/quick-start)