Class-Management-System

Sobre o projeto

Link: Class-Management-System

Class-Management-System é uma aplicação full stack web construida para gerenciar turmas escolares.

A aplicação consiste em criar classes, apagar classes, criar alunos, editar alunos, apaga alunos, e ver a presença atual dos alunos através de um gráfico que mostrar as porcetangens de presença de cada aluno que estar na escolhida classe.

Layout Desktop. Com demostração

20220926_134830.2.mp4

Layout Mobile e Tablet. Com demostração

20220926_135401.2.mp4

Modelo Conceitual / Estrutura de Dados

Competências

• Princípios SOLID
• Responsividade
• Apis REST
• Testes Unitários / TDD
• Boas Práticas

Tecnologias utilizadas

Back end

• Node Js
• Typescript
• Express
• Knex
• Cors
• MySql
• Jest

Front end

• HTML / CSS / JS / TypeScript
• ReactJS/TS
• Vite
• Framer-Motion
• Styled-Components
• react-router-dom
• react-google-charts
• react-lottie
• react-query
• Axios

Implantação em produção

• Back end: Heroku
• Front end web: Surge
• Banco de dados: MySQL

Como executar o projeto

Front end / Back-end

Pré-requisitos: npm / yarn, MySql

Antes de tudo crie as tabelas necessárias no seu banco de dados MySql no arquivo "queries.sql" na pasta "backend"

# clonar repositório
git clone https://github.com/GabrielSS187/Class-Management-System.git

# entrar na pasta do projeto front end web
cd frontend

# instalar dependências
npm install

# executar o projeto
npm run dev

# voltar para a pasta pai
cd ..

# entrar na pasta do projeto back end
cd backend

# instalar dependências
npm install

# executar o projeto
npm run dev

Autor

Gabriel Silva Souza

https://www.linkedin.com/in/gabriel-silva-souza-developer