Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
schermata
LEGGIMI.md
LICENSE
Login.jsx
Login.scss
README.md
index.js

README.md

LOGIN WITH STRAPI FOR HYP SITE

Per la versione Italiana clicca QUI

HYP

HYP is the prototype of a web app that aims to improve communication between students and the school..

Site's link: HYP
Repository's link: GitHub-Hyp

In this documentation I will illustrate the realization of the login component.

USED TECHNOLOGY

For the development of this project it was decided to use REACT for the frontend part and STRAPI for the backend part.

START

Create a folder and follow the steps:

  • Install REACT:
    
    npx create-react-app [nome dell'app]
    cd my-app
    npm start
    
    
    for more details https://reactjs.org/

Use the style of this component, you must also install the library inside the ** React ** folder Node-SASS


npm install node-sass

  • Install STRAPI:

    
     npm install strapi@beta -g
    
    

    then create the new database

    
    strapi new cms --quickstart
    
    

    for more details https://strapi.io/

    For call to API STRAPI recommends installing the following plugin to install in the REACT

    
    npm i axios
    
    

If both steps are successful you are ready to download and configure the component that will take care of Login.

CONFIGURE THE LOGIN COMPONENT

Once you have downloaded this Git, insert the Login.jsx and Login.scss files into the React folder inside src and then overwrite the index.js file.

folder

To make sure that everything works we still need to make two changes

  • Enter the ** Strapi ** backend and enter Roles and Permission> Authenticated> scroll the page, open the Users Permission curtain and enter the following fields in the Auth field.
    role
    > Auth > User and checked the field Check

  • As a second step you need to replace the url with that of your database created in strapi (with ctrl + F look for the following word '[InsertUrlStrapi]').

Once all these steps are done, everything will be ready. (Inside the file you will find comments explaining the functions)

ENJOY YOURSELF!!!

You can’t perform that action at this time.