Challenge Fullstack

Sobre • Requisitos • Recursos • Como executar • Tecnologias • Autor • Licença

💻 Sobre o projeto

Sistema de catálogo de aulas por módulo
DEMO: VERCEL

🏆 Challenge - Uma aplicação Web desenvolvida em ReactJS e Django sendo um sistema de catálogo de aulas por módulo.

Aplicação foi desenvolvida com back-end em Python + Django funcionando como Rest API para Front-end em Javascript + ReactJS.

Sua base de dados persistente e o MySQL um banco de dados relacional.

Uma challenge realizada para testar meus conhecimentos tendo que comprir os requisitos abaixo.

Branch da entrega 'challenge'

🎯 Requisitos

• Back-end deverá ser uma API Rest
• Todos os dados devem ser persistidos no bando de dados
• Home page pública
  • Exibindo os módulos
  • Ao selecionar o módulos exibir as aulas deles
• As páginas de cadastro deve esta seguras e só acessar após login autenticado
• Todas as requisições privadas precisam de um tokem válido gerado no login
• Módulos
  • Devem ter os atributos; ID e Nome
  • Deverá ter listagem, criação, edição e deleção de registros
  • Devem contabilizar o total de aulas referente
  • Devem esta ordenados por ordem alfabética
• Aulas
  • Devem ter os atributos; ID, Nome, Módulo e Data que acontecerá a aula
  • Deverá ter listagem, criação edição e deleção de registros
  • Devem esta ordenados por ordem alfabética

📦 Recursos

• Responsivo.
• SEO

🚀 Como executar o projeto

# Clone este repositório
$ git clone [email protected]:rodneysostras/challenge-fullstack.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd challenge-fullstack
# Instale as dependências front-end
$ cd frontend
$ yarn install
# Instale as dependências back-end
$ cd backend
$ pip install -r requirements.txt

Sobre instalação de dependências e execução da aplicação acesse a respectiva pasta BACKEND ou FRONTEND para mais informações

Na pasta .devcontainer possui as configurações para subir o container docker do ambiente de desenvolvimento deste projeto
Fique a vontade para usar o docker-composer ou a extensão do vscode Remote Development que e o recomendado
Após o start do container realize o comando no container npm install depois npm run serve

🛠 Tecnologias

• ReactJS • Framework Javascript open source utilizado para criar interfaces de usuário em paginas web.
• React router dom • Um componente que possibilita navegação entre componente gerando um roteamento de url.
• Django • Framework gratuito e de código aberto escrito em Python para desenvolvimento web.
• Axios • Cliente HTTP leve semelhante à API Fetch nativa do JavaScript.
• Vercel • Plataforma voltada para a hospedagem de aplicações.

Para saber dependências do front-end veja o arquivo package.json na pasta frontend

🦸 Autor

Rodney Sostras

  

  

  

  

📝 Licença

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Rodney Sostras 👋🏽 Entre em contato!

Voltar ao topo ⬆