Skip to content

Gabriel-Monteiro7/react-structure

Repository files navigation

React Structure ⚛️

Gabriel Monteiro Repository size GitHub last commit License Stargazers

Esse é apenas um projeto pessoal com o intuito de montar uma estrutura padrão de React junto com Redux saga para ser reutilizado em outros projetos. 😁

📌 Tecnologias e Ferramentas Usadas

  • ⚛️ React Js(Ts) — Uma biblioteca Javascript para construção de interfaces.
  • ⚛️ Redux Saga — Biblioteca que foca em fazer os efeitos colaterais em aplicações serem mais fáceis e simples de se criar e manter.
  • ⚛️ React Toastify — Permite adicionar notificações ao seu aplicativo com facilidade.
  • ⚛️ React Router Dom — Roteamento e navegação para aplicações que utilizam React Js.
  • 💅 Styled Components — Tecnologia para componentizar estilização CSS no React através do Javascript.
  • 🔒 Yup — É um construtor de esquema JavaScript para análise e validação de valor.
  • 📄 Formik — É a biblioteca de formulários de código aberto mais popular do mundo para React e React Native.
  • 💠 Material UI — Biblioteca de componentes React para um desenvolvimento ágil e fácil.

📕 Informações

Preview da aplicação

Preview

Tela de Login

Login

Tela de Dashboard

Dashboard

Tela de Registro

Register

Essa projeto possui apenas a parte do Front-End, utilizei um api feita em Django que é bem parecida com essa: Api Django. Muda apenas as entidades, mas daria pra utilizar também.

🚀 Execução

# Clone o repositório
	git clone https://github.com/Gabriel-Monteiro7/react-structure.git

# Vá para o diretório do arquivo
	cd react-structure

# Instale as dependências
	yarn 

# Inicie o servidor do frontEnd
	yarn start

# Roda na porta 3000

🐛 Comentários

Como falei mais em cima, esse é um projeto pessoal e direcionado para aplicações React com o Redux Saga, que contem desde a aplicação de uma Autenticação, Thema Dark mode com o Material IU, Internacionalização e etc... É para ser apenas uma base de projeto e esta longe de ser um projeto perfeito. Então, desde já sinta-se a vontade para registrar um novo problema, com um respectivo título e descrição no repositório do ReactStructure.

👨‍💻 Autor

Criado por Gabriel Monteiro ,
esse projeto está sobre MIT license 📃.

Coloque uma ⭐️ caso esse projeto tenha lhe servido para algo.

About

Uma base para projetos React com Redux saga

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages