Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/emeraldknight-sp/react-one-piece

This is a project that involves creating a web page to present information about the characters of One Piece, a Japanese animation known worldwide for anime, this project contains React, Styled-components e Typescript.
https://github.com/emeraldknight-sp/react-one-piece

eslint husky husky-hooks lint-staged prettier react reactjs styled-components typescript

Last synced: 3 days ago
JSON representation

This is a project that involves creating a web page to present information about the characters of One Piece, a Japanese animation known worldwide for anime, this project contains React, Styled-components e Typescript.

Awesome Lists containing this project

README

        

Project: One Piece


logo

This is a project that involves creating a web page to present information about the characters of One Piece, a Japanese animation known worldwide for anime, this project contains React, Styled-components e Typescript.


Technologies   |   
Project   |   
Layout   |   
License

## 🔗 Links

[![Instagram](https://img.shields.io/badge/Instagram-%23E4405F.svg?style=for-the-badge&logo=Instagram&logoColor=white)](https://instagram.com/davidalmeidadev)
[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://instagram.com/davidalmeidadev)
[![Brave](https://img.shields.io/badge/Portfolio-yellow?style=for-the-badge&logo=Brave&logoColor=white)](https://react-project-portfolio.vercel.app/)
[![Licence](https://img.shields.io/github/license/Ileriayo/markdown-badges?style=for-the-badge)](./LICENSE)

## 🚀 Tecnologies

This project was developed with the following technologies:

- HTML5, CSS3, JS ES6+
- [Node e Yarn](https://nodejs.org/)
- [React.js](https://react.dev/learn)
- [Styled-components](https://styled-components.com/docs)
- [Typescript](https://www.typescriptlang.org/docs/)

## 💻 Project

The project consists of an interactive web page to present the characters from the anime "One Piece". It uses React as the main library, TypeScript to add static types, Styled Components for styling. Development tools such as ESLint and Prettier are configured to maintain consistent code. The project aims to create a visually appealing, interactive and intuitive experience for "One Piece" fans.

## 🏡 Get started

Installing project dependencies

```sh
yarn install
```

Application initialization

```sh
yarn start
```

Application build

```sh
yarn build
```

## 🔖 Layout

You can view the project layout here.


layout

## 📝 License

This project is under the [MIT license](./LICENSE).