School-system

Sobre o projeto

Plataforma de venda de cursos online de programação que foi desenvolvida para estudo e implementação de pagamento de pix através do banco Mercado Pago. Foi um projeto baseado na técnica de desenvolvimento de aplicações web modernas promovida pelo Inertia JS que demandou bastante estudo dos frameworks Laravel e React.

#laravel #php #react #mercado-pago

• Link para acesso: https://schoolsystem.shop/

Ferramentas utilizadas

Para criar essa plataforma foi necessário o estudo da técnica de desenvolvimento do Inertia js que permite a criação de SPAs com o framework backend Laravel, no qual foi escolhido o React para o frontend.

• Softwares: Visual Studio Code, Figma, HeidiSQL e Laragon.
• Frameworks e Linguagens: Laravel, React Js, Inertia Js, Php, Typescript e Javascript.
• Bibliotecas: Styled Components e Tailwind Css.
• Outros: Github e Git.

Conceitos importantes a pontuar

• Sistema de pagamentos através do Mercado Pago.
• Fundamentos do design de interfaces.
• Modularização e reaproveitamento de componentes React.
• Orientação a Objetos do PHP 8+ (Traits, Abstract e Interfaces).
• Gerenciamento de dependências com o Composer e o Node Js.
• Utilização do Laravel Spatie para o tratamento do nível permissão dos usuários.
• Design Patern, Design System, Clean code e Testes unitários.

Configurações iniciais

Abaixo está todos os comandos necessários para executar o projeto localmente.

Clonar repositório do projeto

git clone https://github.com/GustavoSachetto/School-system.git

Mudar para pasta do projeto

cd School-system

Instalar as dependências do projeto

composer install

Copiando arquivo de configuração .env

cp .env.example .env

Gerar chave de criptografia do laravel

php artisan key:generate

Executar as tabelas do banco de dados

php artisan migrate

Inserir informações no banco de dados

php artisan db:seed

Configurar seu token de acesso do Mercado Pago

php artisan app:configure-access-token-mercado-pago 'Your Access Token'

Executar o teste do projeto

php artisan test

Executar o servidor web

npm run dev

Acessar o site no google

http://school-system.test

Algumas telas do sistema

Página do curso:

Página de login:

Página de pagamento do curso:

---