Project with login screen, registration and Dashboard, using MySQL and API'S

Overview

REACT LOGIN E DASHBOARD COM MYSQL E API

🚧 Finalizado 🚧

Pré-Requisitos   |    Banco de Dados   |    Bibliotecas   |    Lincença

💻 Projeto

Projeto com tela de login,cadastro e Dashboard, utilizando MySQL e API'S

Demonstração

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js e/ou Yarn. Além disto é bom ter um editor para trabalhar com o código como VSCode e instalado MySQl::Workbench.

🔧 Configurando Banco de Dados

📗 Rodando a Aplicação (web)

📗 Installation

Client
1. $ cd client
2. $ npm install 
  or $ yarn install
3. $ npm start 
 or $ yarn start

Server
1. Change your mySQL database data server/index.js
2. $ cd server
3. $ npm rum dev

🚀 Bibliotecas usadas

Front-end

  • react-chartjs-2s
  • chart.js

Back-end

  • express
  • mysql
  • nodemon
  • cors
  • Formik
  • bycrypt

📝 Licença

Esse projeto está sob a licença MIT.


Feito Por Hugo Nunes.

You might also like...
Full Stack tutorial using ReactJS, NodeJS, Express and MySQL

Run this project If you want to try the finished project: Go to Start with MySQL to create the database Download the project Go to the client folder a

A sample project for login and singup using React.js
A sample project for login and singup using React.js

Login & Registration Example Introduction This application is an example of a registration and login system that I made with different dependencies of

React和Ant Design和 Nest.js 和 Mysql 构建的后台通用管理系统。

React和Ant Design和 Nest.js 和 Mysql 构建的后台通用管理系统。

Node.js / GraphQL project template pre-configured with TypeScript, PostgreSQL, login flow, transactional emails, unit tests, CI/CD workflow.
Node.js / GraphQL project template pre-configured with TypeScript, PostgreSQL, login flow, transactional emails, unit tests, CI/CD workflow.

Node.js API Starter Kit Node.js API Starter Kit is a project template for building Node.js backend applications optimized for serverless infrastructur

A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

react-admin A frontend Framework for building data-driven applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Materi

I have created a Login page type of app using react.js

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Ra-data-treeql - React Admin data provider and UI scaffolder for TreeQL-powered REST APIs like PHP-CRUD-API. An automatic admin UI for your SQL databases
A simple user login authentication with React and Firebase

User Login Authentication A simple user login authentication with React and Firebase. Technologies used React, Styled Components, TypeScript, Firebase

Simple react web3 login for dapp
Simple react web3 login for dapp

Simple react web3 login for dapp

Owner
Hugo Nunes
Hugo Nunes
Add Login, Registration, ... to your React & NextJS App!

Add login, registration, account recovery (password reset), account verification (email verification), social sign in, multi-factor authentication to your Next.js / React App using Ory!

Ory 23 Aug 22, 2022
Soft UI Dashboard React - Free Dashboard using React and Material UI

Soft UI Dashboard React - Free Dashboard using React and Material UI

Creative Tim 163 Sep 25, 2022
Soft UI Dashboard React - Free Dashboard using React and Material UI

Soft UI Dashboard React - Free Dashboard using React and Material UI

Creative Tim 162 Sep 28, 2022
Dashboard-reactjs-v1 - Simple dashboard with nested routes using reactjs and material-ui

Dashboard-reactjs Simple dashboard with nested routes using reactjs and material

Siyabonga Gregory 3 Aug 12, 2022
Black Dashboard React is a beautiful Bootstrap 4, Reacstrap and React (create-react-app) Admin Dashboard with a huge number of components built to fit together and look amazing.

Black Dashboard React Black Dashboard React is a beautiful Bootstrap 4, Reacstrap and React (create-react-app) Admin Dashboard with a huge number of c

Creative Tim 389 Sep 28, 2022
Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple.

Light Bootstrap Dashboard React Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top

Creative Tim 678 Sep 28, 2022
React Dashboard - Soft UI Dashboard | AppSeed

React Dashboard - Soft UI Dashboard | AppSeed

App Generator 142 Sep 4, 2022
Test-task-fullstack-dashboard - Full-stack dashboard App With React.js

Test Task: Full-stack dashboard app Link to task Link to Figma template Live Dem

Andrew Dryuk 1 Jan 6, 2022
Map-statistics-dashboard - A simple map Covid-19 statistics dashboard made with React

map-statistics-dashboard A simple map Covid-19 statistics dashboard made with Re

Mira 4 Jun 15, 2022
A simple app performing CRUD operations using React, Spring Boot, Bootstrap, MySQL and Apache server

Employee Details Management Application A simple app performing CRUD operations using React, Spring Boot, Bootstrap, MySQL and Apache server Initial s

Arjun Aloshious 4 Aug 30, 2022