Skip to content

Projeto com foco em apresentar e praticar os conceitos e ferramentas relacionadas com o desenvolvimento web.

License

Notifications You must be signed in to change notification settings

DavidMoraes-DEV/DSCatalog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

DS Catalog

npm

Descrição

DS Catalog é uma aplicação full stack e mobile desenvolvido no curso BootCamp Spring React da DevSuperior.

O projeto foi desenvolvido durante diversos módulos do curso com o objetivo de apresentar e praticar os conceitos e as ferramentas relacionadas com o desenvolvimento web com a construção de um catálogo de produtos. Disponibiliza uma área administrativa completa para adicionar, alterar e remover os recursos, Contém um controle de acesso dos recursos pelo tipo de perfil do usuário cadastrado no sistema.

Possui também algumas personalizações pessoais que apliquei depois de terminar o curso, para continuar praticando e aperfeiçoando os conhecimentos adiquiridos.

Modelo Conceitual

Modelo Conceitual DS Catalog


Layout

Layouts DS Catalog


Design Completo:

DSSales


Stack utilizada

Front-end:

David-HTML5 David-CSS David-TS David-NodeJS David-React David-React-Router David-React-Components David-Axios David-JWT-Decoce David-Jest David-Netlify

Back-end:

David-JAVA David-SpringBoot David-Spring-Data-JPA David-Spring-Security David-Maven David-Oauth2 David-JWT David-Jakarta David-JUnit5 David-MYSQL David-H2-Database David-POSTGREES David-Heroku


Projeto Online

DSMeta


Para acessar a área administrativa dos produtos e usuários contidos no projeto é necessário efetuar o login no sistema. Clicando em ADMIN ou LOGIN na barra de navegação.

Usuário com Perfil Operador:

Acesso liberado apenas para a área administrativa dos recursos: Produtos, Categorias.

Usuário:
david@dmdeveloper.com
Senha:
david123

Usuário com Perfil Admin:

Acesso liberado para a área administrativa de todos os recursos: Produtos, Categorias e os Usuários.

Usuário:
admin@dmdeveloper.com
Senha:
admin123

Rodando Localmente

Clone o projeto:

git clone git@github.com:DavidMoraes-DEV/DSCatalog.git

Entre no diretório do projeto:

cd DSCatalog

Rodar a API:

Importe o projeto pelo Spring Tools Suite:

File -> import -> Maven -> Existing Maven Projects -> Next -> Browse...
-> Localizar e abrir a pasta DSCatalog 
-> Abrir a pasta backend -> Selecionar pasta
-> Selecionar: /pom.xml -> Finish

Rodar o projeto no Spring Tools Suite:

Botão direito do mouse na pasta raiz do projeto -> Run As... -> Spring Boot App

Rodar o frontend:

No diretório do projeto navegue até a pasta do frontend:

cd frontend/

Opcional: Abrir o projeto no VS Code pelo terminal:

code .

Instalar as dependências:

yarn

Rodar o projeto pelo terminal do git:

yarn start

Teste as requisições da API no Postman:

DSMeta

Rodando os Testes:

Backend: Rodar os testes no Spring Tools Suite:

Pasta raiz / botão direito / Run As... / JUnitTest

Frontend: Rodar os testes no terminal:

cd frontend/
yarn test