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