Shreyash Tripathi
    shreyash@portfolio: ~

    $ whoami

    Shreyash Tripathi

    > role:

    status: ONLINE — building @ Garage Collective📍 Noida, India

    > Full-stack developer and UI/UX engineer with production experience shipping features on AI-integrated SaaS platforms and marketing sites at a digital product agency. I build UI across React, Next.js (App Router) and TypeScript codebases with Tailwind CSS, Supabase and REST APIs, and I'm comfortable owning components end-to-end — from responsive layout and design-system consistency through backend integration.

    view_projects get_in_touch resume.pdf
    Shreyash Tripathi, Full-Stack Developer & UI/UX Engineer
    //React//Next.js//TypeScript//Tailwind CSS//Radix UI//Framer Motion//GSAP//Three.js//Node.js//Express.js//Supabase//PostgreSQL//MongoDB//Prisma//Clerk//OpenAI API//Anthropic Claude SDK//Socket.IO//Java//Python//Git//Vercel//REST API//React//Next.js//TypeScript//Tailwind CSS//Radix UI//Framer Motion//GSAP//Three.js//Node.js//Express.js//Supabase//PostgreSQL//MongoDB//Prisma//Clerk//OpenAI API//Anthropic Claude SDK//Socket.IO//Java//Python//Git//Vercel//REST API
    01.~/portfolio $ cat about.md

    About Me

    Full-stack engineer and UI/UX builder who turns ideas into clean, scalable, production-ready products, from interface to API and database.

    /**
    * Full-stack developer and UI/UX engineer with production experience shipping features on AI-integrated SaaS platforms and marketing sites at a digital product agency. I build UI across React, Next.js (App Router) and TypeScript codebases with Tailwind CSS, Supabase and REST APIs, and I'm comfortable owning components end-to-end — from responsive layout and design-system consistency through backend integration.
    * I enjoy thoughtful UI, clean design systems, and shipping features that people actually use.
    */

    Frontend Engineering

    Production UI across React, Next.js (App Router) and TypeScript — from responsive layout to backend integration.

    AI & Automation

    Shipping AI-powered features and content pipelines that cut manual work by ~40%.

    Ships Real Products

    From hackathon finalist to production deploys across a live agency portfolio of client and SaaS products.

    ./strengths

    Problem SolvingClean, Efficient CodeClear CommunicationTeam CollaborationAnalytical ThinkingFast LearnerDesign-System Thinking

    ./quick-facts

    • Based in

      Noida, India

    • Education

      B.Tech CSE, JECRC University

    • Currently

      Junior Developer, UI/UX @ Garage Collective

    0+

    Years coding

    0%

    Manual work cut by automation

    0+

    Tech & tools

    0+

    Production features shipped

    02.~/portfolio $ git log --work

    Work Experience

    Where I've built, shipped and learned.

    GC

    Junior Developer, UI/UX

    Garage Collective

    Feb 2026 — PresentNoida, Indianow
    • Promoted from AI Trainee to Junior Developer, UI/UX after shipping production features across the agency's client and SaaS portfolio.
    • Built and shipped a finance mobile app with React Native and Expo, the Android companion to a client-profitability and cash platform for service businesses, with role-based homes, a finance inbox with swipe-to-approve, invoice PDFs and reminders, offline mode, six home-screen widgets, push notifications and security hardening (SSL pinning, secure storage, biometric lock).
    • Led a dashboard UI overhaul and design-system pass on a startup and investor platform: brought investor dashboards to parity with the founder one, redesigned its marketing and campaign landing pages, rebuilt blog typography and fixed build-breaking TypeScript errors (Next.js, TypeScript, Tailwind CSS).
    • Redesigned an internal agency work-management platform end to end on one design system: director and team-lead dashboards, a team capacity board, project and issue detail views, attendance, dark mode, an email pipeline and tickets; also built its CRM landing page with a request-access flow and comparison section (React, Supabase).
    • Worked on the dashboard UI of an AI search-visibility tracker that measures how ChatGPT, Gemini, Claude, Perplexity and Grok mention, rank and describe brands (Next.js, Supabase, Anthropic SDK).
    • Built and deployed a daily AI content-generation agent (Instagram, LinkedIn, blog), cutting manual content-creation effort by roughly 40%.
    • Shipped UTM auto-tagging and partner-portal link generation on a multi-tenant affiliate-marketing SaaS platform, plus a new analytics dashboard module for an internal campaign-management platform.
    • Rebuilt a 45-page K-12 school marketing site with a mobile-layout overhaul, fixing horizontal-scroll, tap-target and navigation issues.
    • Built an internal zero-knowledge asset, credential and billing manager (Next.js, Supabase, WebCrypto) with QR asset labels, invoice OCR and multi-currency spend tracking, and delivered dark-mode, responsiveness and TypeScript fixes across a social-listening platform and an AI call-screening product.
    • Gained hands-on exposure across 20+ client and SaaS builds — from cinematic 3D/WebGL marketing sites to multi-tenant dashboards and AI content pipelines — with tools spanning Three.js, GSAP, Framer Motion, Stripe/Razorpay, Clerk, Turborepo and OpenAI/Anthropic SDKs.
    03.~/portfolio $ ls ./skills

    Tech Stack & Skills

    The tools I reach for to design, build and ship.

    loading radar_
    languages.sh

    $ languages --list

    TypeScriptJavaScriptJavaC++PythonSQL

    ✓ 6 loaded

    frontend.sh

    $ frontend --list

    ReactNext.js (App Router)ViteHTML5CSS3Tailwind CSSRadix UIshadcn/uiResponsive Design

    ✓ 9 loaded

    mobile.sh

    $ mobile --list

    React NativeExpo (EAS, Router)Android home-screen widgetsPush notificationsBiometric & secure storage

    ✓ 5 loaded

    animation & motion.sh

    $ motion --list

    Framer MotionGSAPThree.jsReact Three FiberLenisLottie

    ✓ 6 loaded

    backend & apis.sh

    $ backend --list

    Node.jsExpress.jsHonoREST API Design

    ✓ 4 loaded

    databases & auth.sh

    $ data --list

    Supabase (Postgres, Auth, Storage, Realtime, RLS)MongoDBPostgreSQLPrisma ORMClerk

    ✓ 5 loaded

    ai integration.sh

    $ ai --list

    OpenAI APIAnthropic Claude SDKAI Content & Automation Pipelines

    ✓ 3 loaded

    tools & deployment.sh

    $ tools --list

    GitGitHubVercelTurborepoStripeRazorpayPostmanVS Code

    ✓ 8 loaded

    ./currently-learning

    Motion & WebGL (Three.js)Design Systems at ScaleAI-Native UX PatternsAccessibility (WCAG)

    while(alive) { keepLearning(); }

    04.~/portfolio $ ls ./projects

    Featured Projects

    A few things I've designed and built end-to-end.

    PurrCase

    Custom Mobile Cover E-Commerce Platform · team project, frontend

    A full-stack e-commerce store where customers design their own phone case from a photo, preview it and pay with Stripe.

    • Three-step case designer: upload a photo, drag and resize it on a phone mockup, pick model, material and finish.
    • Stripe checkout with webhook-confirmed orders, Prisma + PostgreSQL data and Resend order emails.
    • Frontend (Shreyash): responsive storefront and configurator UI built with Tailwind CSS and Radix UI.
    read_case_study for PurrCase
    Next.js 14TypeScriptTailwind CSSRadix UIPrismaPostgreSQLKinde AuthStripeUploadThingResend

    SketchRace

    Real-Time Multiplayer Drawing & Guessing Game · team project, backend

    A live multiplayer drawing game where players take turns sketching and guessing, racing against the clock for points.

    • Backend (Shreyash): Express + Socket.IO game server for rooms, live drawing sync, server-owned timers, hints and scoring.
    • Shared drawing surface on the Canvas API, with strokes broadcast to every player in the room.
    • Timed rounds with random word choices, chat guessing and a final scoreboard.
    read_case_study for SketchRace
    Socket.IONode.jsCanvas APINext.js 15React 19Tailwind CSS

    Job Portal

    Full-Stack Recruitment Platform

    A full-stack job portal where candidates search, save and apply for jobs and employers post openings, with JWT auth, REST APIs and a personal dashboard.

    • Built the full stack with the Next.js 15 App Router, TypeScript and REST API routes.
    • JWT authentication with bcrypt password hashing for job seekers and employers.
    • Job search with filters, saved jobs, application tracking and a user dashboard; deployed on Vercel.
    read_case_study for Job Portal
    Next.js 15TypeScriptREST APIJWTbcryptPostgreSQLTailwind CSSshadcn/ui

    Asset & Credential Vault

    Zero-Knowledge Asset, Credential & Billing Manager

    An internal tool for tracking hardware assets, logins, environment variables and vendor bills, encrypted end to end in the browser so the database never sees plaintext.

    • Asset inventory with printable QR labels and a who-has-what view for offboarding.
    • Zero-knowledge encryption: PBKDF2 + AES-256-GCM in the browser, ciphertext-only database.
    • Invoice OCR, multi-currency spend tracking and one-time share links bound to a recipient.
    read_case_study for Asset & Credential Vault
    Next.js 15React 19TypeScriptTailwind CSS 4SupabasePostgreSQLWebCryptopdf.jsTesseract.js

    Portfolio Website

    TypeScript Personal Site

    A performant, SEO-optimized personal site to showcase skills, projects and resume — the one you're on right now.

    • Built a TypeScript-based personal website highlighting skills, projects and resume.
    • Optimized for performance and SEO.
    • Deployed on Vercel.
    TypeScriptReactTailwind CSSVercel
    05.~/portfolio $ cat education.json

    Education & Achievements

    Academic foundation and milestones along the way.

    Education

    B.Tech — Computer Science Engineering (CGPA: 8.1)

    JECRC University

    2022 — 2026Jaipur, Rajasthan

    Senior Secondary (12th Grade)

    P.P. Savani School

    2022Ankleshwar, Gujarat

    Secondary (10th Grade)

    Swami Vivekanand Academy

    2020Ankleshwar, Gujarat

    ./coursework

    Data StructuresAlgorithmsDBMSOperating SystemsOOPWeb DevelopmentData Analytics

    Achievements & Certifications

    • Top 10 — Smart India Hackathon

      National

      Top 10 rank among 200+ teams in the national-level Smart India Hackathon (SIH).

    • Top 10 — Ideathon Competition

      Finalist

      Top 10 finalist in the university Ideathon for an innovative project.

    • DSA with Java — Apna College Alpha

      Certified

      Certificate of Completion, Apna College's Alpha program (Data Structures & Algorithms with Java).

      view certificate

    • Summer Analytics 2024

      IIT Guwahati

      Consulting & Analytics Club, IIT Guwahati — active member since Aug 2024.

    06.~/portfolio $ ./contact --connect

    Get In Touch

    Currently building @ Garage Collective — open to interesting freelance projects and collaborations. Let's build something.

    contact — bash

    $ echo "Let's connect"

    phone+91 81608 90957
    locationNoida, India
    resume.pdf github linkedin
    07.~/portfolio $ man shreyash

    FAQ

    Quick answers about who I am, what I build and how to reach me.

    Who is Shreyash Tripathi?

    Shreyash Tripathi is a Full-Stack Developer and UI/UX Engineer based in Noida, India. He is a Junior Developer, UI/UX at Garage Collective, where he builds production UI with React, Next.js (App Router) and TypeScript for AI-integrated SaaS platforms and marketing sites.

    What technologies does Shreyash Tripathi work with?

    React, Next.js, TypeScript and JavaScript on the frontend; Tailwind CSS, Radix UI, Framer Motion and GSAP for UI and motion; Node.js and Express for backend and REST APIs; Supabase, PostgreSQL, MongoDB and Prisma for data; and the OpenAI and Anthropic Claude SDKs for AI features.

    What does Shreyash Tripathi do at Garage Collective?

    He builds and ships production UI and AI-powered features across the agency's client and SaaS portfolio, owning components end-to-end, from responsive layout and design-system consistency through backend integration. He was promoted to Junior Developer, UI/UX from an AI Trainee role.

    Is Shreyash Tripathi available for hire or freelance work?

    Yes, for both. He is open to full-time roles, full-stack, frontend or backend (Noida, Delhi NCR, Uttar Pradesh, Gujarat, remote or with relocation), and to freelance projects: full-stack web apps, backends and APIs, React/Next.js sites, UI/UX builds and AI-integrated features. Details are at shreyashtripathi.in/hire.

    How can I contact Shreyash Tripathi?

    Email tshreyash024@gmail.com, or connect on GitHub (github.com/Yaminam) and LinkedIn (linkedin.com/in/shreyashtripathi9). His resume is available at shreyashtripathi.in/Shreyash_Tripathi_Resume.pdf.

    08.~/portfolio $ cat ./feedback.log

    What Leadership Says

    From messages sent by my company's leadership after seeing the work.

    “The email has come out great. Kudos. Keep up the great work.”
    CEO · on a company email newsletter I built
    “Fantastic job with the website. Keep shining. Wonderful show.”
    Founder · on the company website I built with a teammate
    “This looks amazing.”
    AVP · on a school website I delivered for a client

    $ After I redesigned the company website, the CEO asked for the same approach on another of the group's brand sites.

    09.~/portfolio $ ls ./books

    The Job-Ready Series

    Books I wrote for students and developers preparing for interviews and jobs. Free previews, full books on request.

    DSA in Java: From Zero to Offer book cover by Shreyash Tripathi
    Job-Ready Series, Java edition

    DSA in Java: From Zero to Offer

    Start from Java basics, learn 20 patterns, and crack coding rounds. Every problem in simple steps: brute force, the key trick, a dry run, clean code and Big-O.

    Java edition: 405 pages

    free_previewdetails
    DSA in Python: From Zero to Offer book cover by Shreyash Tripathi
    Job-Ready Series, Python edition

    DSA in Python: From Zero to Offer

    Start from Python basics, learn 20 patterns, and crack coding rounds. Every problem in simple steps: brute force, the key trick, a dry run, clean code and Big-O.

    Python edition: 406 pages

    free_previewdetails
    DSA in C++: From Zero to Offer book cover by Shreyash Tripathi
    Job-Ready Series, C++ edition

    DSA in C++: From Zero to Offer

    Start from C++ and STL basics, learn 20 patterns, and crack coding rounds. Every problem in simple steps: brute force, the key trick, a dry run, clean code and Big-O.

    Short: 256 pages

    free_previewdetails
    see_all_12_books