thamerh / Authentificatin-unique-fullstackjs

create two applications has a single sign-on using json web token (JWT). First app for Add-Edit-Delete-display-download file. and secend app is a CRUD and search bar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

single sign-on FullStackProject

create two applications has a single sign-on using json web token (JWT)

JWT : JWT (JSON Web Token) authentication is a process or method used to verify the owner of JSON data. It is a URL safe encoded string that is cryptographically signed and, unlike a cookie, contains an unlimited amount of data.

Technologies

  • React
  • Node
  • Express
  • jsonwebtoken
  • mysql
  • sequelize
  • bcryp

Application one : Add-Edit-Delete-display-download file (card)

Nowadays basic CRUD functionality is used in basically every application on the web. Most know how easy it is to store basic data types in databases, but with the more apps I have built the more I have seen how prevalent media types are in database storage and how most apps could put use to them. So let's look at how we can store a single image or multiple images in a database and then retrieve them to display and download .

Technologies

  • React
  • Node
  • Express
  • Multer
  • mysql
  • sequelize
  • express-fileupload

We will build a basic React front end with axios used to communicate with the backend . For the backend we will use Node with express to create an API that will interact with Mysql database , to store our images.

Application tow : CRUD and search bar

A simple crud app with React Hooks (+Axios) consuming a simple Nodejs api server (+Sequelize Sqlite). Create a new student , Update an existing student , Show students list , Delete a student and filter data using A unique search bar that filters through data

Technologies

  • React
  • Node
  • Express
  • mysql
  • sequelize

Author

  • thamer Hamdi

About

create two applications has a single sign-on using json web token (JWT). First app for Add-Edit-Delete-display-download file. and secend app is a CRUD and search bar


Languages

Language:JavaScript 82.1%Language:CSS 12.6%Language:HTML 5.3%