Tech Stack:
React, MUI, Redux, SASS, Node.js
Project Overview
Codtoop specializes in logistics and e-commerce project development for Gulf countries. My role focused on building and refining the admin panels, ensuring a seamless and efficient user experience for managing logistics operations.
My Role
- Developed and refactored admin panels to improve functionality and maintainability.
- Applied best practices in React to enhance code quality.
- Fixed production bugs and resolved CSS issues for a responsive design.
- Implemented input validations and designed image upload components.
Challenges and Solutions
- Rendering Issues: Resolved by analyzing the existing code structure and breaking it down into smaller, reusable components.
- CSS Responsiveness: Implemented a universal style that resolved responsiveness and overflow issues across all components with only four lines of code.
- Non-Rendering Values: Researched MUI library deeply to discover that updating the key of components refreshes input values effectively.
- Lack of Vision Control: Organized workflows using Slack for team communication, created branches, and maintained regular updates to identify and resolve issues.
Key Learnings
- Mastered React Hook Form for handling forms efficiently.
- Gained insights into best practices by engaging with senior developers on platforms like Stack Overflow and Facebook.
- Adapted to working under tight deadlines, including managing 14-hour workdays to meet project goals.
Result
