YDI-YOI Frontend

Technologies

• React
• Javascript
• CSS

Organization

Layout

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 (

https://www.i18next.com/ ) for translations.

CSS

All included in App.css file