My Projects

During this project, I gained hands-on experience in building reusable and efficient components using React.js. My tasks involved constructing complex multi-step forms and writing comprehensive unit and integration tests, ensuring high code quality and reliability. I actively participated in the entire application development process, which included direct collaboration with the client to gather requirements and feedback, allowing me to better understand business and technical needs. My project responsibilities encompassed a wide range of tasks. I was responsible for creating new components with styles and unit tests, ensuring consistency and ease of maintenance of the user interface. Additionally, I designed and developed HTML email templates, demonstrating my versatility in various frontend technologies. Implementing new features and creating business logic were crucial for delivering business value, and conducting regular code reviews allowed for maintaining high-quality standards. My tasks also included code refactoring, both in terms of minor improvements and general architectural changes, which contributed to improving the application's performance and structure. Quickly and effectively resolving issues reported by the QA team was essential to ensure product stability. Direct contact with clients allowed me to accurately determine business requirements and provide technical advice, which contributed to a better understanding and achievement of project goals. I also collaborated in clarifying requirements for new features to ensure project consistency and alignment with overall business objectives. Managing the development team and delivering new features required leadership and organizational skills, and managing tasks within the assigned project scope allowed for timely delivery of results. Designing the architecture for new parts of the project was crucial for creating scalable and maintainable solutions. Through this experience, I developed the ability to accurately estimate the time needed to deliver business value and honed my skills in client work, project management, and software architecture.

I played a key role in enhancing the application's performance. This involved a major refactoring effort, migrating the project from a legacy React codebase to a modern setup using Vite, significantly improving build times and overall efficiency. This migration required careful planning and execution, allowing me to hone my skills in modern build tools and project optimization. I learned to effectively prioritize tasks and manage dependencies to ensure the timely delivery of a high-performing application, even under tight deadlines. My contributions included configuring the project's new architecture, introducing Vitest for robust and efficient testing, and writing the initial test suite to ensure code reliability. Additionally, I actively developed new features and reusable components, ensuring they aligned with the project's performance goals and maintainability standards. I also optimized existing components for better rendering performance.

I contributed to the development of new, advanced components for use across the Braintrust ecosystem, including the main project and related applications. This involved writing clean, efficient code and comprehensive component tests. Our technology stack included React for building dynamic user interfaces, Material-UI for consistent and responsive design, SCSS for flexible styling, and Jest with React Testing Library for robust testing. Furthermore, I actively participated in building a component library, creating generic, fully tested components with Storybook integration. My experience extends to actively engaging in the library's integration with the main project and expanding it to meet evolving project needs. I gained valuable experience with Storybook during this project, enhancing my ability to manage and present components effectively.

Gainflow is a mobile application designed to help users track their strength training progress and connect with others in a supportive community. The app offers a range of features to motivate users and help them achieve their fitness goals, including: - Log your workouts, track your progress, and see your results over time. - Connect with friends and other fitness enthusiasts to share your progress, get support, and stay motivated. - AI-powered workout plans: Get personalized workout plans tailored to your goals and preferences. - A dedicated space for trainers to manage clients, track their progress, and provide support. Gainflow is built with React Native, Expo, and Python, and is currently in beta testing. This is a testament to my ability to develop complex and innovative mobile applications using cutting-edge technologies In this project, I'm a co-founder and developer, primarily focused on the frontend of the application. My partner and I collaborate on all aspects of the project, from brainstorming new ideas and features to planning marketing strategies and outlining the app's development roadmap.

As the lead frontend developer for a school meal management web application, I am responsible for all aspects of its frontend development, from initial design and implementation to ongoing maintenance and support, with a focus on a successful launch. My current work includes critical bug fixes, implementation of UI/UX improvements to optimize the user experience for school staff, and significant code quality enhancements aimed at reducing technical debt and improving the application's performance and scalability. Furthermore, I have actively worked on introducing a range of enhancements and improvements to existing functionalities to increase the application's efficiency and usability. I have also been involved in introducing internationalization to the project, enabling support for multiple languages, and preparing comprehensive translations, which has significantly expanded the application's reach. I work closely with the business team, providing technical support and guidance to ensure seamless integration and adoption of the application. My goal is to deliver a robust and reliable product that meets the demanding needs of a school environment.

I spearheaded the development of a website for a burgeoning marketing agency, focusing on delivering a high-performance, SEO-optimized platform. My role encompassed the entire development lifecycle, from initial technology selection to final deployment, ensuring a seamless and impactful online presence. Technology Selection and Architecture: Understanding the client's emphasis on SEO and performance, I strategically chose Next.js for its server-side rendering capabilities and Tailwind CSS for its utility-first approach to styling. This combination allowed for rapid development of a responsive and highly performant website. I also prepared the site for seamless integration with a Content Management System (CMS), providing the client with flexibility and control over their content. Design and Development: The project involved a comprehensive approach, starting with the design and layout phase. I collaborated closely with the client to create a visually appealing and user-friendly website that aligned with their brand identity. The development phase focused on translating the design into a pixel-perfect reality, ensuring meticulous attention to detail and a polished final product. Optimization and Refinement: Recognizing the importance of visual impact, I dedicated significant effort to refining the website's aesthetics, ensuring it would make a positive impression on potential clients. This involved fine-tuning animations, transitions, and overall user experience. Moreover, I implemented various optimization techniques to enhance the website's performance, including image compression, code minification, and lazy loading. Results: The resulting website not only met the client's requirements for SEO and performance but also served as a powerful marketing tool, effectively showcasing their brand and services. The project demonstrated my ability to deliver a high-quality, visually stunning website that exceeded client expectations.

My personal portfolio website serves as a testament to my dedication to modern web development practices and reflects my personal brand as a skilled and forward-thinking developer. Built with NextJS, it showcases my proficiency in leveraging server-side rendering, advanced routing, and performance optimization techniques. My adoption of TailwindCSS streamlined the styling process, ensuring a responsive design that adapts seamlessly to all devices. The integration of a headless CMS (Hygraph) and GraphQL for dynamic content management further demonstrates my ability to create scalable and flexible solutions. My goal is to consistently deliver robust, reliable, and user-centric web applications, while continuously expanding my skillset and contributing to the advancement of web development standards.

Discover the ancient Cistercian numerals with this unique converter app! Easily translate any number from 1 to 9999 into its corresponding Cistercian numeral symbol. Each symbol represents a specific value, making this a fascinating tool for history enthusiasts, educators, and anyone curious about historical numbering systems. Key Features: - Instant Conversion: Quickly convert numbers into Cistercian numerals with a simple, intuitive interface. - Extensive Range: Supports numbers from 1 all the way up to 9999, covering a wide range of historical uses. - SVG Download: Download the generated Cistercian numeral as a high-quality SVG file for use in your projects, presentations, or designs. - Educational and Fun: Explore the intriguing world of Cistercian numerals and learn how this unique system worked. - Built with Modern Technologies: Developed using React and Vite for a smooth, responsive, and efficient user experience. - AI-Assisted Development: Leveraging the power of AI tools to enhance the development process and ensure accuracy.

The Memory Game is a simple yet engaging web-based card matching game built using React, Vite, and Zustand for state management. The game challenges players to test and improve their memory by flipping over cards in pairs, trying to find all the matching ones with as few moves as possible. The application features a clean and responsive UI styled with CSS/SCSS, ensuring a smooth user experience across devices. The use of Zustand provides a lightweight and efficient way to manage global state such as game progress, flipped cards, matched pairs, and game resets. Thanks to the Vite build tool, the project benefits from lightning-fast development and optimized production builds. The codebase is modular and easy to maintain, following best practices in component-based architecture. Key Features: - Interactive memory game logic with smooth animations - Responsive design using CSS/SCSS - Global state management via Zustand (e.g., flipped cards, matches, reset) - Fast development environment powered by Vite - Clear game restart logic and match tracking This project demonstrates strong fundamentals in React, state management with Zustand, and modern front-end tooling. It can be further extended with difficulty levels, timer functionality, or a scoring system to enhance gameplay and user engagement.