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

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.

Typescript

React

CSS

HTML

JavaScript

Quickblox

Python

NET

Firebase

node.js

Express

Personal

Code Demo

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.

Typescript

React

Next js

CSS

HTML

JavaScript

Quickblox

Cursor

Firebase

node.js

Express

Personal

Code Demo

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.

Typescript

React

Next js

CSS

HTML

JavaScript

Quickblox

Python

NET

Firebase

node.js

Express

Personal

Code Demo

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

Tailwind CSS

Vite

Lucide React

Error Handling

HTTP Interceptors

Personal

Code

Explore More Projects & Open Source Contributions

Discover additional React, TypeScript, and full-stack development projects on my GitHub profile. Follow my journey in web development, explore open source contributions, and see the latest innovations in modern web technologies.

View GitHub Profile Visit Portfolio