<Sagar/>

Loading Portfolio...

<Sagar/>

Hi There

I'm Sagar Shetty

I am a Software Developer

person illustration
SCROLL
ABOUT ME

Crafting DigitalExperiences

I'm a passionate full-stack developer from Bengaluru with expertise in modern web technologies.

With 15+ months of professional experience, I specialize in creating beautiful, responsive, and user-friendly applications that solve real-world problems.

Tech Stack

React & Next.js
Node.js & Express
Python & Django
TypeScript
MongoDB & PostgreSQL
AWS & Docker
GraphQL & REST APIs
Tailwind CSS
SCROLL
MyNotes
Extended from Astro Paper

bash

$ Dynamic Blog Management

Fetch and display articles from Supabase database with real-time content updates and seamless database integration.

$ Admin Authentication & Dashboard

Secure login system using Supabase Auth with a comprehensive admin panel for content management and user control.

$ Live Preview Markdown Editor

Real-time markdown editor with instant preview functionality, allowing writers to see formatted content as they type.

$ Responsive Design & Performance

Built on Astro Paper theme with Tailwind CSS, delivering fast static site generation and mobile-optimized responsive design.

$ Content Organization System

Comprehensive tagging system, featured posts highlighting, draft mode for work-in-progress, and categorized content management.

$ SEO & Social Media Optimization

Built-in OG image generation, RSS feed support, sitemap creation, and customizable meta tags for better search visibility.

$ Row Level Security

Advanced database security with RLS policies ensuring authenticated users can manage content while public users access published posts only.

$ Docker Deployment Ready

Includes Docker configuration and environment setup for easy deployment across different platforms and hosting services.

RivalTrack
Personal Project

bash

$ Real-Time Score Tracking

Track live scores of sports games with instant updates using Firebase's real-time database and Svelte's reactive UI.

$ Multi-Game Support

Easily manage multiple games simultaneously, each with its own scoreboard, players, and match settings.

$ Customizable Match Settings

Supports flexible match configurations including team names, number of rounds, and custom point systems.

$ Persistent Game History

All completed matches are saved in Firebase Firestore, enabling users to revisit and analyze past games.

$ Intuitive User Experience

Designed with Svelte and Tailwind CSS for a sleek, fast, and mobile-friendly interface focused on usability.

$ Offline Support

Firebase’s offline capabilities allow users to continue tracking scores even without a stable internet connection.

$ Secure and Scalable Backend

Firebase Authentication ensures secure user access, while its serverless infrastructure scales effortlessly with usage.

LogPulse
Personal Project

bash

$ Log File Upload & Processing

Seamlessly upload log files through a user-friendly interface powered by React and Next.js. Files are processed asynchronously by BullMQ queues for optimal performance.

$ Real-time Processing Status

Track log processing status in real-time with Redis-backed job monitoring that provides visibility into queue progress and completion status.

$ Advanced Log Parsing

Intelligent parsing system identifies patterns across different log formats, extracting meaningful data points for analysis without manual configuration.

$ Structured Data Storage

Processed logs are automatically transformed and stored in Supabase databases using optimized schemas for quick retrieval and analysis.

$ Interactive Dashboards

Visualize log data through customizable dashboards built with React components and styled with Tailwind CSS for a responsive experience.

$ Trend Analysis

Identify patterns and anomalies in your log data with built-in trend analysis tools that highlight potential issues before they become problems.

$ Error Tracking

Automatically categorize and prioritize errors found in logs, with frequency analysis and impact assessment capabilities.

$ Performance Monitoring

Track system performance metrics extracted from logs to identify bottlenecks and optimization opportunities in your applications.

$ Containerized Deployment

Deploy LogPulse anywhere with Docker containerization, ensuring consistent operation across development, staging, and production environments.

$ Scalable Architecture

Handle varying workloads with a scalable architecture built on Next.js APIs, BullMQ workers, and Redis for efficient distributed processing.

$ User Authentication

Secure access to logs and analytics with Supabase authentication, ensuring only authorized personnel can view sensitive operational data.

$ Export Capabilities

Generate reports and export processed log data in multiple formats for sharing with stakeholders or integrating with other systems.

PickNBuild
Personal Project

bash

$ Instant Website Creation

Choose from a curated collection of professional Tailwind CSS templates and export ready-to-use HTML files in seconds

$ No Coding Required

Simply select a template, customize variables, and download your personalized webpage without writing a single line of code

$ Community-Driven Library

Access an ever-growing collection of templates created by designers and developers from around the world

$ Contribute Your Designs

Share your creativity by building and submitting your own templates with our interactive Monaco editor featuring live preview

$ Variable Templating

Create flexible templates with customizable variables that users can easily modify to match their brand and content needs

$ Modern Tech Stack

Built with React, Next.js, MongoDB, and Tailwind CSS for a seamless, responsive, and powerful user experience

$ Live Preview Editor

See changes in real-time as you customize templates or create new ones with our advanced Monaco-powered editor

$ Export & Deploy Anywhere

Get clean, optimized HTML files that can be hosted on any web server or static site hosting platform

$ Zero Dependencies

Exported templates include everything needed in a single HTML file with no external dependencies or build steps

$ Open Source Community

Join a vibrant ecosystem of creators contributing to and benefiting from shared web design resources

MotionCraft
Personal Project

bash

$ Visual Animation Builder

Create complex CSS keyframe animations with an intuitive visual timeline editor instead of writing code manually

$ Real-time Preview

See your animations instantly as you build them with live visual feedback and interactive controls

$ Code Export

Export production-ready CSS keyframe animations that work in any modern web project

$ Timeline Controls

Fine-tune animations with precise timeline controls for timing, easing, and keyframe positioning

$ Animation Library

Access a growing collection of pre-built animations to use as starting points or inspiration

$ Cross-Browser Compatible

Generated animations work seamlessly across all major browsers and devices

$ No Coding Required

Create professional animations without writing a single line of CSS code

$ Modern Tech Stack

Built with React, Next.js, Tailwind CSS, Framer Motion, and GSAP for superior performance and reliability

$ Custom Easing Controls

Apply and visualize different easing functions to create natural, polished motion

$ Multi-element Animations

Orchestrate complex animations across multiple elements with synchronized timelines

$ Responsive Animation Testing

Preview how your animations behave across different screen sizes before implementation

$ Version History

Save animation states and revert to previous versions without losing your work

$ Animation Inspector

Analyze and modify individual properties with detailed inspection tools

$ Collaborative Workspace

Share and collaborate on animations with team members in real-time

$ Performance Optimization

Get suggestions for improving animation performance and reducing browser load

Private Repo

Ecommerce Website
Client Project

bash

$ Next.js

Utilized Next.js for server-side rendering and static site generation, improving performance and SEO.

$ MongoDB

Implemented MongoDB as the database to store product details, user data, and order history.

$ Styled Components

Used Styled Components for modular and dynamic styling, ensuring maintainability and performance.

$ AWS S3

Integrated AWS S3 for secure and scalable image storage, optimizing load times for product images.

$ NextAuth

Implemented NextAuth for secure authentication, supporting OAuth and custom login providers.

lol.js NPM Package
Because the world definitely needed another JS library.

bash

$ πŸ˜‚

So revolutionary, it explains itself.

$ ✨

Runs on 100% pure sarcasm and JavaScript fatigue.

$ πŸ”₯

Guaranteed to make your codebase 10% spicier (results may vary).

lol.js NPM Package bannerVisit β†—2025 (mark your calendars!)
College Application
Academic Project

bash

$ React

Developed a dynamic front-end using React, enabling a responsive and interactive user experience.

$ Node.js & Express.js

Built a RESTful API using Node.js and Express.js to handle user authentication, data processing, and business logic.

$ MySQL

Utilized MySQL for structured and efficient data storage, ensuring data integrity and reliability.

$ Socket.io

Implemented real-time communication using Socket.io for instant notifications and chat functionality.

$ AWS RDS

Hosted the database on AWS RDS for scalability, reliability, and automated backups.

React Chatbot
Personal Project

bash

$ React

Built a chatbot UI using React with hooks and state management for a smooth user experience.

$ Node.js & Express.js

Created a backend using Node.js and Express.js to handle chatbot requests and responses.

$ OpenAI API

Integrated OpenAI API for AI-driven responses, making the chatbot interactive and intelligent.