Sahildeep (Sahil) Singh - Web Application Developer & Designer Portfolio

Portfolio of Sahil Singh (@deepsahilz), a full stack developer and designer focused on building fast, functional, and visually compelling web applications.

Based in Punjab, India. Email: deepsahilz@gmail.com

GitHub Profile | LinkedIn Profile | Official Portfolio Website

About Me

Hey, my name is Sahildeep Singh, currently 22, from Punjab, India. Most of what I know, I've learned through hands-on practice, reading docs, and asking the internet. I believe in learning by doing. I've spent the past couple of years working on personal projects, hackathon builds, and random ideas that made me better at what I love, building stuff that's useful, creative, or just plain cool.

I'm also into graphic design and digital art, with freelance experience in tools like Photoshop and Figma. Whether it's code or visuals, I like making things that serve a purpose and bring ideas to life. Always learning, always building.

Core Technical Skills

  • Frontend: React, Next.js, JavaScript, TypeScript, Tailwind CSS, GSAP, Framer Motion, HTML5, CSS3
  • Backend & Databases: Node.js, Express.js, Supabase, MongoDB, PostgreSQL, Prisma, WebSockets
  • Design & Tools: Figma, Photoshop, Fabric.js, PDF-lib, Nodemailer, Clerk

Portfolio Projects

  • Certify Now (Web Application / SaaS)

    Tagline: Certificate generation & distribution platform, no limits, free to use. Supports custom SMTP config for mailing.

    Concept & Description: SaaS platform to design, issue, and distribute credentials/certificates dynamically. Features a custom visual canvas editor using Fabric.js to design certificate templates with dynamic placeholders. Organizations can issue certificates to batches of users, dispatch personalized emails via Nodemailer, and provide secure QR-code verification pages.

    Tech Stack: Next.js, Prisma, Supabase, Fabric.js, PDF-lib, Nodemailer

    Live Link: https://certifynow-v1.vercel.app/

    Key Features:

    • Visual certificate template designer with Fabric.js
    • Batch certificate generation and automated issuing
    • Dynamic PDF creation using PDF-lib
    • Automatic email dispatch with custom email templates via Nodemailer
    • Public credential verification pages via secure QR codes

  • TSS GNDU (Official Student Society Website)

    Tagline: Official technical student society website of GNDU, Amritsar

    Concept & Description: The official web platform for the Technical Student Society of Guru Nanak Dev University, Amritsar. Designed with smooth scroll physics, modern UI transitions, and modular event cards to present flagship tech fest experiences, workshops, and student society profiles.

    Tech Stack: Next.js, GSAP, Lenis, Supabase, Tailwind CSS

    Live Link: https://www.tss-gndu.org/

    Key Features:

    • Immersive UI transitions and smooth scroll via Lenis and GSAP
    • Modular directory displaying student competitions and workshops
    • Student profile portals and administrative views backed by Supabase
    • Fully optimized responsive layouts across all device screens

  • IRIS 2026 Techfest (Web Application & Event Management)

    Tagline: Official techfest website and event management platform

    Concept & Description: IRIS is a full-stack event management platform designed to handle registrations, payments, and administration for a large-scale technical fest of GNDU, Amritsar, focusing on reliability, speed, and a clean user experience.

    Tech Stack: Next.js, Supabase, Full Stack

    Live Link: https://iris.tss-gndu.org/

    Key Features:

    • User authentication and protected routes
    • Event registration with team size validation
    • UPI QR + Razorpay payment flow
    • Ticket generation with unique ticket ID
    • Admin panel for event CRUD
    • Responsive and minimal UI

  • QuickDesk (Ticket Raising Platform)

    Tagline: Ticket raising platform

    Concept & Description: This project was created as a part of a hackathon organized by odoo X cgc group of colleges. It is a web app that simplifies ticket management for businesses, packed with a clear UI and transparent ticket tracking experience.

    Tech Stack: Nextjs, Typescript, PostgreSql, Clerk, Full stack

    Live Link: https://quickdesk.vercel.app/

    Key Features:

    • Ticket creation
    • Status tracking
    • Responsive dashboard

  • KreativKid (Digital Artist Portfolio)

    Tagline: An artistic portfolio website for a digital artist.

    Concept & Description: KreativKid is a portfolio website designed to highlight an artist’s creativity through a clean and expressive layout, blending bold visuals and smooth interactions.

    Tech Stack: React.js, GSAP, Frontend

    Live Link: https://kreativkid.vercel.app/

    Key Features:

    • Animated transitions between sections
    • Responsive and modern layout
    • Emphasis on visuals with minimal UI distractions

  • Codexa (Developers Social Network)

    Tagline: Social media platform where you showcase your projects and get inspiration from others, goodbye boring project ideas.

    Concept & Description: Codexa is created to provide a social platform to developers, students, and tech geeks to showcase their projects and learn from others, avoiding the hassle to find inspiration.

    Tech Stack: React.js, Express.js, WebSockets, MongoDB

    Key Features:

    • Smart search with history and suggestions
    • Project showcase with image/video previews
    • Commenting and feedback on projects
    • Tag-based project categorization and filtering
    • Like, save, and follow functionality
    • Add collaborator feature for working teams

  • MySQL Compass (Database GUI Desktop Tool)

    Tagline: GUI tool for managing MySQL databases

    Concept & Description: Inspired by MongoDB Compass, this tool offers an intuitive interface to visualize, edit, and manage MySQL data efficiently with user-friendly features.

    Tech Stack: React, Tailwind, Node.js, MySQL

    Key Features:

    • Smart table viewer with auto row expansion
    • Edit cells directly or via modals
    • Search and filter data easily with history

  • Ochi Clone (Interactive Frontend Clone)

    Tagline: Clone of Ochi.design

    Concept & Description: A faithful clone of the actual ochi.design site, created to learn layout, interactions, and animations from Ochi.design.

    Tech Stack: React.js, TailwindCSS, Framer Motion

    Live Link: https://deepxochi.netlify.app/

    Key Features:

    • Responsive layout
    • Animated components
    • Clean UI replication

  • Rejouice Clone (Interactive Frontend Clone)

    Tagline: Clone of Rejouice site

    Concept & Description: Learning design replication and interactive elements from Rejouice. Cloned site to mimic Rejouice functionality and style.

    Tech Stack: React.js, TailwindCSS, Framer motion

    Live Link: https://deepxrejouice.netlify.app/

    Key Features:

    • Landing page replication
    • Hover interactions
    • Responsive UI
    • Optimized image and video load

  • Brainwave Landing Page (Sleek Product Landing Page)

    Tagline: Landing page for Brainwave application

    Concept & Description: Designed a clean and minimal landing page for Brainwave platform, focusing on conversions and clear messaging for AI service.

    Tech Stack: React.js, TailwindCSS

    Live Link: https://deepxbrainwave.netlify.app/

    Key Features:

    • Responsive hero
    • CTA buttons
    • Simple and clean layout