YDI-YOI Frontend

Technologies

  • React

  • Javascript

  • CSS

Organization

Layout

Login

Reset Password

Register

Add New Tasting

Tasting

Profile

Edit Profile

Modules

AdminBoard.js

Component - View of admin.

 

EditProfile.js

Component - Edit Profile view.

Updates profile using update function from services/auth.service.js 

 

ForgotPassword.js

Component - Forgot Password view.

Retrieves new password using resetPassword function from services/auth.service.js 

 

Home.js

Component - Home view.

Public view for users. Actually shows Login view.

 

Login.js

Component - Login view.

Login into platform using login function from services/auth.service.js

After login it redirects to the Add New Tasting page.

 

ModBoard.js

Component - View of moderator (actually not using).

 

NewExperience.js

Component - Add New Tasting view.

Checks if QR is valid using getQRClaimed function from services/qr.service.js

When a user uploads a photo it uploads to IPFS using the onChangeFile function.

Add the new experience using the addExperience function from services/experience.service.js

 

Profile.js

Component - User Profile View.

 

Register.js

Component - Register view.

Checks if QR Value is OK using qrService.getQRClaimed() from services/qr.service.js. If QR is not valid, registration is not available.

Register into platform using register function from services/auth.service.js

After Register it redirects to the Add New Tasting page.

 

SingleExperience.js

Component - Individual view of each tasting.

Actually not in use.

 

UpdatePassword.js

Component - Update Password View.

Updates new password using updatePassword function from services/auth.service.js 

 

UserBoard.js

Component - User Board View.

Shows all tastings and the possibility to Mint each of them, using createCollectible function.

 

  • All components use i18next (

Introduction | i18next documentation ) for translations.

CSS

All included in App.css file