Skip to content

igoohd/poke-journey-simulator

Repository files navigation

Dashboard de vendas

NPM

Sobre o projeto

https://igoohd-dsvendas.netlify.app/

Dashboard de vendas é uma aplicação full stack web e mobile construída durante a 3ª edição da Semana DevSuperior (#sds3), evento organizado pela DevSuperior.

A aplicação consiste em um dashboard de vendas que coleta dados de vendedores em relação ao seu fluxo de trabalho, e depois exibe no app web, que também apresenta gráficos baseados nestes dados.

Layout mobile

Mobile 1 Mobile 2 Mobile 3

Layout web

Web 1

Web 2

Estrutura de camadas

Estrutura de camadas

Modelo conceitual

Modelo Conceitual

Tecnologias

Back end

  • Java
  • Spring Boot
  • Spring Data JPA
  • Spring Security
  • Maven

Front end

  • JavaScript
  • ReactJS
  • TypeScript
  • HTML
  • CSS
  • Bootstrap
  • Apex Charts

Deploy

  • Back-end: Heroku
  • Front-end web: Netlify
  • Banco de dados: Postgresql 12

Como começar

Back end

Pré-requisitos: Java 11

# Clone o repositório
$ git clone https://gitlab.com/Igoohd/projeto-sds3

# Entre na pasta back-end do projeto
$ cd backend

# Inicie o projeto
$ ./mvnw spring-boot:run

Front end web

Pré-requisitos: npm / yarn

# Clone o repositório
$ git clone https://gitlab.com/Igoohd/projeto-sds3

# Entre na pasta front-end do projeto
$ cd frontend

# Instale as dependências
$ yarn install

# Inicie o projeto
$ yarn start

# Acesse o localhost
http://localhost:3000

Autor

Igor Duarte de Matos Madureira

https://www.linkedin.com/in/igorduartematos/


English Vesion

Sales dashboard

NPM

About the project

https://igoohd-dsvendas.netlify.app/

Sales Dashboard is a full stack web and mobile application built during the 3rd edition of Semana DevSuperior (#sds3), event organized by DevSuperior.

The application consists of a sales dashboard that collects data from salespeople regarding their workflow, and then displays it in the web app, which also presents graphs based on this data.

Mobile Layout

Mobile 1 Mobile 2 Mobile 3

web layout

Web 1

Web 2

Layer structure

Layers Structure

Conceptual model

Conceptual Model

Technologies

Back end

  • Java
  • Spring Boot
  • SpringData JPA
  • Spring Security
  • Maven

Front end

  • JavaScript
  • ReactJS
  • TypeScript
  • HTML
  • CSS
  • Bootstrap
  • Apex Charts

Deploy

  • Backend: Heroku
  • Web frontend: Netlify
  • Database: Postgresql 12

How to begin

Back end

Prerequisites: Java 11

# Clone the repository
$ git clone https://gitlab.com/Igoohd/projeto-sds3

# Enter the project's backend folder
$ cd backend

# Start the project
$ ./mvnw spring-boot:run

Front end web

Prerequisites: npm / yarn

# Clone the repository
$ git clone https://gitlab.com/Igoohd/projeto-sds3

# Enter the project's front-end folder
$ cd frontend

# Install dependencies
$ yarn install

# Start the project
$ yarn start

# Access localhost
http://localhost:3000

Author

Igor Duarte de Matos Madureira

https://www.linkedin.com/in/igorduartematos/

About

A Next.Js project to simulate your pokemon journey!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published