Hi, I'm Ruchi Kumari

Turning ideas into beautiful, accessible web experiences.

A passionate web developer who loves crafting clean, accessible websites and digital experiences.

Let's Build Something Amazing View My Resume
WCAG 2.1 100% Lighthouse Responsive Design React • Tailwind

My Story

Dark coding and technology

About Me

I’m a web developer with a strong command of HTML and CSS, and I’m actively mastering JavaScript along with frameworks like React and Tailwind CSS. I don’t wait for opportunities—I create them by building clean, responsive, high-performing websites that work flawlessly across all devices.

Every project I touch is crafted with precision, from structure and layout to performance and accessibility. I understand what makes users stay, and I code with that intent.

Fun Facts:
  1. Love experimenting with CSS animations and UI micro-interactions.
  2. Enjoy learning new frameworks and sharing what I learn on my blog.
  3. Big fan of winter fashion and cozy red hoodies!
Always eager to explore new technologies and improve my skills.

My Skills

95%
🌐
HTML5
92%
🎨
CSS3
85%
⚡
JavaScript
70%
⚛️
React
85%
💨
Tailwind
80%
🔗
Git & GitHub

My Projects

Crisis Preparation Website

Crisis Preparation Website

A resourceful site designed to help people in trouble access vital information, emergency contacts, and step-by-step guidance during crises.

Live Demo Code
Nature Connect Website

Nature Connect Website

A vibrant website dedicated to sharing the wonders of nature, raising awareness, and encouraging people to connect with the environment.

Live Demo Code
registration form

Modern Registration Form

A visually appealing registration form with a modern black-themed background, built to offer a clean and user-friendly sign-up experience.

Live Demo Code
Stylized Nutrition Facts

Nutrition Facts Layout

A structured and accurate nutrition chart displaying serving size, calories, and daily values — styled like real-world packaging for clarity and impact.

Live Demo Code
Documentation page

Interactive Documentation Page

A clean and structured documentation layout with clickable sub-headings that reveal detailed content — ideal for guides, APIs, or tutorials.

Live Demo Code
Nature Connect Website

Creative Tribute Page

A heartfelt tribute page honoring Dr. Norman Borlaug — the man who saved a billion lives through his groundbreaking contributions to agriculture and humanity.

Live Demo Code
Product landing page

Product Landing Page

A sleek and responsive landing page designed to showcase a product’s features, benefits, and call-to-action — perfect for conversions and user engagement.

Live Demo Code
Cute animated penguin

Animated Penguin

A cute and lively CSS-based animated penguin brought to life using shapes, colors, and smooth transitions — a playful touch of creativity.

Live Demo Code
Cute animated penguin

Blinket Clone – Your Groceries in a Click

A sleek and responsive Blinket-inspired grocery delivery demo, showcasing product browsing, cart features, and instant checkout — a quick taste of fast shopping.

In Progress Code

My Blog & Journey

I love sharing what I learn as I grow as a developer. My blog is where I explore new technologies, write about challenges I face, and share tips and insights from my coding journey.

Mastering the Fundamentals

Before diving into frameworks, focus on truly understanding HTML, CSS, and JavaScript. These are the building blocks that will make everything else easier and help you solve real problems.

Read more

Build Real Projects

The best way to learn is by creating. Start with small, meaningful projects—a personal site, a to-do list, or a landing page. You'll learn more by building than by just reading or watching tutorials.

Read more

Certifications & Achievements

Web Development Certificate

Web Development Certificate

Python Certificate

Python Programming

Get In Touch

I’m always open to freelance work, collaborations, or just a friendly chat about web development.