joaoaugustogrobe / React-Crud

React CRUD: This project is deprecated and was built as my first React project a few years ago.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React-Crud (Deprecated)

Note: This project is deprecated and was built as my first React project a few years ago.

Project

User registration project made in React. This project was developed during the React - Cod3r course, but the entire backend was changed, not using the process seen in the course.

Objectives:

Create a React-based web application that performs the 4 basic operations of user registration (Create, Read, Update, and Delete).

Execution:

This project was divided into two parts:

JSON Server: A simple server that handles requests made by the front-end application. This server also manages a .json file that stores all user data

Express Server

After creating the JSON server (seen within the course), I decided to create my own server using Express and MySQL (located in my other repository) and integrate it with this React project. For more information about the backend, visit: https://github.com/joaoaugustogrobe/Express-CRUD-Backend

Front-end / React

The part responsible for providing a graphical interface for the user and making requests to the server.

What I learned:

During this project, I better consolidated the concepts:

  • HTML requests through Axios;
  • React components;
  • Basic notions about Bootstrap;
  • Font-awesome library;
  • Navigation using React-router;

Next steps / Going beyond the course

After finishing the course, I plan to change the server back-end, using an SQL database and a NoSQL database, to test the differences in performance between the 3 methods and the ease of creating the environment in each of the ways.

  • Back-end
  • SQL Database (MySQL)
  • NoSQL Database
  • Invalidate empty input
  • Email field validation (required syntax <>@<>.<> or similar)

Running the service:

  • To run this project, you need to download the backend server (link already posted above).

Enter the frontend directory and run the React application - http://localhost:3000 * Enter this link to view the application

cd frontend && npm start

Enter the backend directory and run the JSON server - http://localhost:3001 cd backend && npm start

About

React CRUD: This project is deprecated and was built as my first React project a few years ago.


Languages

Language:JavaScript 83.2%Language:CSS 13.6%Language:HTML 3.2%