project showcase
Hyko
This is currently one of the products am working on at the company Big-mama technology where am manly focusin gon the front end part and integrating it with the back end and these are the key tasks i worked on:
- Developed Onboarding page
- Transforming Figma design into a functional web page
- Auto fetch data from backend and fill the form fields
- Perform Zod validation and utilize React useForms
- Utilize Shad-cn ui library for the components
- Implement Success and failing messages as little toast the pops op on the side of the screen
- Developed Settings page
- Developed the settings pages with collaboration with the designer
- Developed the profile page where users can change name email bio and profile photo or delete their accounts
- Developed the appearance page to give users the ability to change the theme
- Developed blue print page
- Developed this page giving users ability to create new blue prints where they can give it name description tags and also the ability to have a private or public blueprint where other users can see it in the hub. also users can chose a icon and color for their blueprints
- used TipTap technology for the description to allow users to have links make the font bolder or underline it include code snippets or use ordered and unordered lists
- Developed the functionality to allow users to see their changes live update on the side of the screen with a card showing their blue print details
- Developed feedback button
- Developed feedback button where users can send feedback to the company feedback email where it can be a bug report or feature request or other topics. with the ability to upload images
- Used NodeMailer technology to send the email along side with the screenshots to the company feedback email
Through working on this projects i utilized best practices like absolute imports instead of relative ones and typing your function props to ensure a good developer experience for the team working with me and avoid bugs. i also worked on the documentation of this project to ensure that new developers coming in will have easier time navigating their way through out the codebase.
when you visit the site click try it now to go to the part i worked on
visit live site →