CodeLabz - FrontEnd, News Feed, Profiles, Organization, Profiles
- Name - Ayush Bansal
- Email - ayushbansal110@gmail.com
- GitHub Profile - https://github.com/IITvamp
- Medium - https://medium.com/@bansalayush2024
- LinkedIn - https://www.linkedin.com/in/ayush-bansal-865328206
CodeLabz is a platform where the users can engage with online tutorials and the organizations can create tutorials for the users. The platform is developed using ReactJS front-end library and the back end is developed using the Google Cloud Firestore and Google Firebase Real-Time database. This project aims to bring changes to the UI to make the website seamless and provide more functionalities to users.
| PR Link | Description | Issue Link |
|---|---|---|
| #284 | Merged ✅ | #298 |
| #306 | Merged ✅ | #293 |
| #323 | Merged ✅ | #300 |
| #342 | Merged ✅ | #289 |
| #344 | Merged ✅ | #302 |
| #362 | Merged ✅ | |
| #429 | Merged ✅ | #330 |
| #437 | Merged ✅ | #329 |
| #440 | Merged ✅ | #334 |
During GSoC'22 I worked on the frontend part of the CodelabZ project. In the first half of my GSoC journey, I worked on material UI components. I implemented the new design of few components(organization profile, user profile banners, user profile cards, etc) and pages(organization feed page) that are completely re-usable. I replaced the components for the same and also made the new components responsive. All the components are mostly mobile-friendly and highly optimized. I worked on storybook components for our project and deployed them. Here storybook is nicely organized, the user can control components props on his own and do some experiments with components. I also wrote frontend tests (cypress) for the same component of our project. In the later part of my journey, i worked on connection these components with firebase. In the end, I fixed some existing bugs and updated documentation for this project. Finally, this project turned out to be a good one with many functionalities and a cool UI/UX design.
- all the components were updated according to new design
- storybook has also been updated.
- all the components are tested.
- Removed small bugs and Grammatical errors.
- worked on the pre-GSoC tasks that included creating figma design for the website and creating the storybook according to that design.
- firebase functions for few of the added functionalities needs to be implemented.