My Personal Projects - React, TypeScript & Full Stack Development

Explore my collection of personal projects showcasing expertise in React, TypeScript, Next.js, Firebase, and modern web development. From full-stack applications to error handling libraries, these projects demonstrate my passion for building innovative solutions, implementing authentication systems, payment gateways, and creating seamless user experiences with cutting-edge technologies.

Featured technologies include React, TypeScript, Next.js, Firebase, Node.js, Express, Material-UI, Tailwind CSS, Axios, OAuth authentication, serverless functions, Cloud Functions, Firestore, Redis caching, and modern web development practices.

React
TypeScript
Next.js
Firebase
Node.js
Express
Tailwind CSS
Material-UI
Axios
OAuth
Serverless
Cloud Functions

Check out some of my recent work

Smart Expense Tracker
personal

Smart Expense Tracker

A full-stack expense tracking application built with Next.js, Firebase, and TypeScript. Features include real-time expense logging, category management, budget alerts, analytics dashboards with charts, Google authentication, role-based access, and Firebase caching for optimized performance.

Next.js
TypeScript
Firebase
React
Axios Error Handling
personal

Axios Error Handling

A React application demonstrating centralized error handling with Axios interceptors and Material-UI snackbars. Features comprehensive error types handling, automatic error display, and modern UI built with React, TypeScript, Tailwind CSS, and Material-UI.

React
TypeScript
Axios
Material-UI
AI Portfolio
personal

AI Portfolio

A modern personal portfolio built using V0.dev, an AI tool that generates React and Tailwind components. I used AI to quickly design and structure the site, then customized it with interactive elements like a custom cursor using Framer Motion.

React
V0
TypeScript
Angular
Flavglen.dev
personal

Flavglen.dev

For my personal portfolio, built with Next.js, Tailwind CSS, and TypeScript, I integrated multiple apps such as an expense tracker, Google authentication, role-based authentication, dashboards, and exports. Hosted on Vercel, it utilizes Vercel's serverless functions, Google Gmail SDK, and Vercel cron jobs to enhance functionality and performance.

React
TypeScript
Angular
OpenAI
Aira Club
personal

Aira Club

For Aira Club, an online lucky scheme portal, I built user authentication (OAuth), roles and permissions, payment gateway, and serverless functions using Firebase Cloud Functions and Firestore. I also implemented Redis caching, reports, dashboards, and a media library to enhance performance and user experience.

React
nextJs
Chart.js
Firebase
Video Chat App
professional

Video Chat App

For the Video Calling App, I implemented user authentication, signaling, media streaming, and push notifications using the QuickBlox API, Angular, and PHP, ensuring a seamless, secure, and high-quality communication experience across multiple platforms.

React
AngularJS
Chart.js
WebRTC
Connect Audit Manager
professional

Connect Audit Manager

For Connect Audit Manager, an internal audit management solution, I built high-performance shared components, dynamic forms, and state management using Angular and React, ensuring reusability, efficiency, and a seamless audit workflow for team heads, managers, and auditors.

Angular
React
C#
Python
Underwriter tool
professional

Underwriter tool

For the new Underwriter Tool, I developed complex forms with dynamic validation, intricate calculations, and micro frontends using Angular, React, and TypeScript, ensuring scalability, code reusability, and robust test coverage.

Angular
Javascript
React
Cypress
Quick Market Reports
professional

Quick Market Reports

For Quick Market Reports, a tool delivering timely market insights, I built various pages from scratch, developed APIs, and integrated a payment gateway using Angular, React, and PHP, while optimizing performance for a seamless user experience

Angular
PHP
CSS
Bootstrap