DEV Community: Aditya sharma

How I Built Aditya Portfolio: A Neobrutalist React, Vite & Tailwind CSS v4 Showcase

Aditya sharma — Thu, 16 Jul 2026 17:12:24 +0000

Every developer needs a place to showcase their work, but most portfolio websites end up looking the same. I wanted something with a stronger personality, so I built Aditya Portfolio — a neobrutalist portfolio powered by React, Vite, and Tailwind CSS v4.

Rather than relying on pre-made templates, I focused on creating a fast, responsive, and distinctive experience while keeping the codebase clean and maintainable.

🎨 Design Philosophy: Neobrutalism

Instead of following modern minimal design trends, I chose a neobrutalist approach that emphasizes bold visuals and strong contrast.

Some of the key design elements include:

Bold Black Borders using border-4 border-black
Solid Color Palette with vibrant backgrounds instead of gradients
Hard Offset Shadows using shadow-[4px_4px_0px_rgba(0,0,0,1)] to create a retro desktop-style appearance
High Contrast Typography for improved readability
Simple, Functional Layouts with minimal visual clutter

The goal was to create a portfolio that feels memorable while remaining easy to navigate.

⚡ Performance Optimization

A visually rich interface shouldn't compromise performance. During development, I audited the website and optimized several areas to improve rendering efficiency.

Eliminating Forced Reflow (Layout Thrashing)

One issue came from the scroll progress indicator.

Initially, the scroll handler recalculated layout values such as scrollHeight and clientHeight on every scroll event. Since these values require layout information, repeatedly reading them during scrolling caused unnecessary reflows and reduced rendering performance.

The Solution

I optimized the implementation by:

Calculating the maximum scroll distance only on mount and window resize
Using requestAnimationFrame() to synchronize updates with the browser's rendering cycle
Updating the progress bar directly through a useRef reference instead of triggering React state updates
Registering the scroll listener as passive to improve scrolling performance
useEffect(() => {
let maxScroll =
document.documentElement.scrollHeight -
document.documentElement.clientHeight;

const handleResize = () => {
maxScroll =
document.documentElement.scrollHeight -
document.documentElement.clientHeight;
};

let ticking = false;

const handleScroll = () => {
if (!ticking) {
requestAnimationFrame(() => {
const scrollTop =
window.scrollY || document.documentElement.scrollTop;

    const progress =
      maxScroll > 0 ? (scrollTop / maxScroll) * 100 : 0;

    if (progressBarRef.current) {
      progressBarRef.current.style.width = `${progress}%`;
    }

    ticking = false;
  });

  ticking = true;
}

};

window.addEventListener("resize", handleResize);
window.addEventListener("scroll", handleScroll, {
passive: true,
});

return () => {
window.removeEventListener("resize", handleResize);
window.removeEventListener("scroll", handleScroll);
};
}, []);

This reduced unnecessary layout calculations, improved scrolling smoothness, and kept the UI responsive even during continuous scrolling.

🚀 Tech Stack
React
Vite
Tailwind CSS v4
Framer Motion
React Icons
Responsive Design
Performance-focused architecture

Building this portfolio wasn't just about creating a personal website—it was an opportunity to experiment with design systems, optimize browser performance, and apply frontend engineering best practices.

I'm continuously improving it by adding new projects, refining animations, and exploring better optimization techniques.

Portfolio: https://aadi-sharma.dev

I'd love to hear your thoughts or suggestions for future improvements.

I Will Build a Modern Next.js Website That Is Fast, Responsive, and SEO-Friendly

Aditya sharma — Fri, 26 Jun 2026 04:23:35 +0000

f you're launching a startup, SaaS product, business, or personal brand, your website needs to be more than just visually appealing—it should be fast, responsive, and built to scale.

I specialize in developing modern websites using Next.js, React, and Tailwind CSS, focusing on performance, clean code, and an excellent user experience.

What I Build
🚀 SaaS Landing Pages
💼 Business Websites
👨‍💻 Portfolio Websites
🤖 AI Startup Websites
📱 Fully Responsive Designs
⚡ High-Performance Next.js Applications
Why Next.js?

Next.js offers several advantages for modern web development:

Faster page loading
SEO-friendly architecture
Optimized images and assets
Better user experience
Scalable and maintainable codebase
My Development Process
Understand your project requirements.
Build a responsive, modern UI.
Optimize for speed and SEO.
Test across multiple devices and browsers.
Deliver clean, production-ready code.
Technologies I Use
Next.js
React
Tailwind CSS
TypeScript
Node.js
Express.js
MongoDB
PostgreSQL
Need a Next.js Website?

If you're looking for a developer who focuses on performance, responsive design, and clean code, I'd be happy to help.

👉 View my Fiverr Gig: https://www.fiverr.com/s/jjNYw9V

🌐 Portfolio: https://aadi-sharma.dev/

Building My Developer Portfolio: My Projects, Skills, and Learning Journey

Aditya sharma — Mon, 15 Jun 2026 19:54:04 +0000

Aditya Sharma Portfolio: Web Developer, Projects, Skills, and Learning Journey

I recently built my personal developer portfolio to showcase my projects, skills, education, and learning journey as a BCA student and web developer.

You can visit my portfolio here: aadi-sharma.dev

My goal with this portfolio is simple: to create a clean, professional, and useful space where people can understand who I am, what I build, and what I am currently learning.

I am Aditya Sharma, also known as Aadi, a student developer focused on frontend development, React, JavaScript, APIs, UI design, SEO, and real-world web projects.

What my portfolio includes

My portfolio highlights my background, technical skills, learning path, and selected projects. I wanted it to feel more than just a basic resume website. It should show my work, my thinking, and my direction as a developer.

Main sections include:

About me
Skills and tools
Projects
Education
Career goals
Contact section
Clean responsive UI

Featured projects

Some projects I am currently building and improving:

GitAura

GitAura is a GitHub profile analyzer and developer analytics dashboard. It uses the GitHub API to turn profile data, repositories, and developer activity into clean visual insights.

Weather App

Weather App is a real-time weather forecasting project built using JavaScript, weather APIs, responsive UI, and clean frontend design.

Portfolio Website

My personal portfolio website presents my work, skills, education, projects, and developer journey in one professional place.

Student Tools

I am also working on student-focused tools and frontend projects that solve practical problems and help me improve my development skills.

Tech stack

Technologies and tools I use:

HTML
CSS
JavaScript
React
Tailwind CSS
Git
GitHub
APIs
Basic Java
UI/UX design
SEO basics
Responsive web development

What I am learning right now

Right now, I am learning Java, DSA, React, Next.js, better API integration, UI/UX design, and how to build cleaner full-stack web projects.

I am also improving my understanding of SEO so my portfolio can be easier to discover when someone searches for Aditya Sharma Web Developer, Aadi Sharma Developer, Aditya Sharma Portfolio, or Aadi Web Developer.

Why I built this portfolio

A portfolio is not just a website. It is proof of work.

For students and beginner developers, a portfolio helps show practical skills even before having professional experience. Every project, every design improvement, and every bug fixed adds value to the journey.

This portfolio is still improving, but that is the point. I want it to grow as I grow.

Final thought

I am building step by step, learning by doing, and turning small ideas into real projects.

This is just the beginning.

Portfolio: aadi-sharma.dev

🔥 Unleash Your Developer Power with GitAura Pro! 🚀

Aditya sharma — Sat, 24 Jan 2026 15:47:07 +0000

Hey Everyone!

Ever wondered what your GitHub impact actually looks like? Meet GitAura Pro, the ultimate tool designed to visualize your coding journey. I built GitAura Pro because I believe every commit and every late-night session deserves to be celebrated. With GitAura Pro, you don't just see numbers; you experience your "Aura."

GitAura Pro is built for developers who want more than just boring stats. When you use GitAura Pro, you get a real-time analysis of your hard work. Whether you are a beginner or a pro, GitAura Pro ranks your profile and gives you a score that actually means something.

Why everyone is talking about GitAura Pro:
GitAura Pro Performance: Experience lightning-fast results with the GitAura Pro engine.

GitAura Pro Visuals: Get a high-quality GitAura Pro Aura Card that looks stunning on any social feed.

GitAura Pro Accuracy: GitAura Pro analyzes repos, followers, and account age with precision.

GitAura Pro Levels: From 'Noob' to 'God Level', find your rank only on GitAura Pro.

GitAura Pro Accessibility: No login, no tokens—just pure GitAura Pro magic with a username.

The goal behind GitAura Pro was to fix the broken experience of existing tools and provide a seamless GitAura Pro experience for the global dev community. Thousands are already checking their status on GitAura Pro, so don't be left behind!

GitAura Pro is ready for you. Are you ready for GitAura Pro?

👉 Get your GitAura Pro Card here: [Link in the first comment]

Don’t forget to download and post your GitAura Pro card in the comments! Let’s see who has the highest GitAura Pro score today! 🏆

GitAuraPro #GitAuraProApp #GitAuraProScore #GitHubStats #WebDev #CodingCommunity #GitAuraProDev #OpenSource #TechJourney #GitAura #MyGitAuraPro #GitAuraProMagic #SoftwareEngineering #GitAuraProCard

🚀 Introducing GitAura Pro: Your Real GitHub Aura

Aditya sharma — Sat, 24 Jan 2026 15:42:01 +0000

Hi everyone, I’m Aditya Sharma.

A while ago, I was exploring GitHub when I found a site claiming to measure a developer’s “Aura.” The idea was genius, but the site was broken—just 404s and errors. I knew the execution could be better, and that’s exactly why I built GitAura Pro.

Starting GitAura Pro in early December was about more than just code; it was about capturing the late-night sessions and consistency we all put in. Using AI to debug and refine the logic, I’ve turned GitAura Pro into a high-performance tool for the dev community.

Why choose GitAura Pro for your stats?
GitAura Pro actually works! No more 404s, just real-time GitHub data.

Get a downloadable GitAura Pro Aura Card to share your progress visually.

GitAura Pro analyzes repositories, followers, and account age with precision.

The GitAura Pro score gives you a clear metric of your overall activity.

Discover your rank through the GitAura Pro leveling system.

The GitAura Pro UI is clean, smooth, and fully mobile-responsive.

Experience GitAura Pro with zero friction—no logins or tokens required.

If you’ve ever wondered what your GitHub impact looks like, GitAura Pro is the answer. I designed GitAura Pro to be the ultimate companion for developers who want to showcase their hard work. Whether you are a student or a pro, GitAura Pro gives you the recognition you deserve.

👉 Check your stats here: GitAura Pro [Link in first comment]

I’d love to see your results! Drop your GitAura Pro Aura Card in the comments below! 😍

GitAuraPro #GitAura #GitHub #WebDevelopment #CodingJourney #ChatGPT #Git #AI #OpenSource #BCAStudent #ProblemSolving #LinkedIn #Web #GitAuraProApp #DeveloperAura