Portfolio · 2026 Uttar Pradesh, IN

Waris
Ali.

Self-taught full-stack developer building considered, responsive products with Next.js, React and Supabase.

Focus
Next.js · React · TypeScript · Java · Kotlin · C++
Flagship
Waris' Fav Songs
Building since
July 2023
Based in
Uttar Pradesh, IN
Scroll
Next.js React TypeScript Supabase FastAPI Claude API GSAP Tailwind
Next.js React TypeScript Supabase FastAPI Claude API GSAP Tailwind

Selected work

Waris' Fav Songs screenshot
01 Flagship · Case study

Waris' Fav Songs Personal Music Playlist Experience

A personal web-based music playlist experience built from scratch during my 1st semester BCA. Features audio playback controls, custom modern UI, responsive layout, and visual album artwork.

  • HTML5
  • CSS3
  • JavaScript
  • Audio API
  • Vercel

Skills

what i work with

Category

Languages

— Programming languages I work with

—TypeScript —JavaScript —Python —HTML5 —CSS3 —SQL

Category

Frontend

— Interfaces I build every day

—React —Next.js —Vite —Tailwind CSS —Framer Motion —GSAP —React Router —Redux Toolkit —Material UI —Bootstrap

Category

Backend

— Servers, APIs, and databases

—Node.js —Express.js —FastAPI —JWT Authentication —Supabase —MongoDB —PostgreSQL

Category

DevOps

— Building, deploying, and collaborating

—Git —GitHub —GitHub Actions —Docker —Vercel —Netlify

Category

Design

— Design and animation tools

—Figma —Framer Motion —GSAP

— Chapter IV

The Services

— A considered catalogue of the capabilities I bring to a project.

01 of 12 AI

Prompt Engineering

— Design and refine AI prompts to consistently produce accurate, structured, and high-quality outputs tailored to real-world use cases.

02 of 12 Planning

System Planning

— Architect scalable systems by defining workflows, data flow, and technology stacks before development begins to ensure long-term stability.

03 of 12 Engineering

Full-Stack Development

— Build complete end-to-end applications, integrating responsive frontends with robust backend systems and scalable databases.

04 of 12 Stack

MERN Development

— Develop fast, scalable web applications using MongoDB, Express, React, and Node.js with clean architecture and reusable components.

05 of 12 UI

Frontend Development

— Create modern, responsive, and high-performance user interfaces with focus on usability, accessibility, and smooth user experience.

06 of 12 Design

UI/UX Design

— Design intuitive and visually balanced interfaces that improve user engagement through clarity, accessibility, and interaction flow.

07 of 12 Architecture

State Management

— Implement efficient and predictable state architectures to ensure scalable, maintainable, and performance-optimized applications.

08 of 12 Product

SaaS Product Development

— Build production-ready SaaS platforms with authentication, subscriptions, dashboards, and scalable multi-tenant architecture.

09 of 12 Integration

API Integration

— Integrate third-party and custom APIs seamlessly to extend functionality and enable dynamic, data-driven applications.

10 of 12 Workflow

Version Control

— Maintain clean and collaborative development workflows using Git, branching strategies, and team-based code management practices.

11 of 12 Security

Authentication & Security

— Implement secure authentication systems, role-based access control, and best practices for protecting sensitive user data.

12 of 12 AI

AI Integration

— Embed AI capabilities like chatbots, automation pipelines, and intelligent workflows to enhance product functionality and user experience.

About

I think in systems before I write code. Architecture first, then implementation.

Hi, I'm Waris Ali 👋

I’m a BCA student passionate about Software Development, Web Development, Artificial Intelligence, and Machine Learning. I’m on a continuous journey of learning, building, and improving my technical skills.

💻 What I’m currently working on:

  • Strengthening C/C++ and Python fundamentals
  • Learning Data Structures & Algorithms (DSA)
  • Exploring Web Development with HTML, CSS, JavaScript, and modern web technologies
  • Building knowledge of SQL, OOP, and Software Development
  • Exploring Artificial Intelligence and Machine Learning
  • Building practical projects to turn ideas into real-world applications

🚀 My Approach:

I believe the best way to learn technology is by understanding concepts, solving problems, and building real projects. I enjoy challenging myself with new technologies, developing creative web experiences, and continuously improving my technical and problem-solving abilities.

🎯 Career Goal:

To grow into a skilled Software Developer with expertise in Web Development and AI/ML, build meaningful digital solutions, and eventually contribute to innovative products that make a real impact.

🛠️ Tech Interests:

C/C++ • Python • HTML • CSS • JavaScript • Web Development • DSA • OOP • SQL • AI/ML • Software Development • Git/GitHub • Problem Solving

Always learning. Always building. Always improving. 🚀

Contact

Let's build something good.

Hiring for a frontend, React or Next.js role, or have something worth building? I reply to every message.