Inspiration
Most developer portfolios today look similar — template-driven and detached from the creator’s personality.
I wanted to build mine from the ground up, not just as a digital résumé but as an authentic expression of who I am as a developer.
By hand-coding each section with React and CSS3, I aimed to capture both my design sensibility and engineering discipline in one cohesive experience.
What It Does
This portfolio showcases my journey, skills, and projects in an elegant, interactive format.
It’s designed to highlight both the technical and creative sides of my work while maintaining high performance and responsiveness.
Key features include:
- Home Page: Smooth hero introduction with animated text and background motion effects powered by tsParticles.
- Projects Section: Interactive cards displaying project details, GitHub links, and live demos.
- Skills Section: Clean layout of technologies I use, enhanced by subtle transitions and hover effects.
- Contact Section: Real-time form integration using EmailJS, allowing direct email communication without backend setup.
- Dark/Light Mode: Persistent theme toggle that adapts to user preference via localStorage.
Every page is optimized for performance, accessibility, and device responsiveness.
How I Built It
This project is built using React.js (TypeScript) for a type-safe and modular architecture.
Instead of relying on a CSS framework, I handcrafted the styling using pure CSS3, focusing on precision and minimalism.
Animations and transitions are implemented using Framer Motion for smooth, GPU-accelerated effects.
tsParticles powers the interactive particle background, while EmailJS manages form submissions securely without backend code.
Finally, the project is deployed through Netlify, ensuring continuous deployment and fast global delivery.
Tech Stack:
React.js (TypeScript) · CSS3 · Framer Motion · EmailJS · Netlify
Repository: GitHub – OfficialAnujMore/Portfolio
Challenges I Faced
- Balancing animation and performance across mobile and desktop screens.
- Managing particle density and motion parameters in tsParticles for smooth rendering.
- Structuring scalable and reusable components while maintaining type safety in TypeScript.
- Ensuring visual consistency in light/dark themes through pure CSS variables.
- Debugging cross-browser compatibility issues without relying on prebuilt utility classes.
Each of these challenges helped refine my problem-solving mindset and design discipline.
What I Learned
- Advanced TypeScript integration for React component development.
- Writing clean, maintainable, and scalable CSS from scratch.
- Optimizing React render cycles to maintain high frame rates with animations.
- Deploying and managing continuous builds through Netlify.
- Improving accessibility through semantic HTML and responsive layout design.
What's Next
This portfolio will continue to evolve as my work grows.
Upcoming enhancements include:
- AI-powered chatbot that can introduce me or answer project-related questions.
- Blog module built with Markdown for writing about technical topics and tutorials.
- Performance analytics dashboard to track visitor engagement.
- PWA (Progressive Web App) upgrade for offline access and faster load times.
This project is more than a showcase — it’s a reflection of my ongoing growth as a developer, designer, and problem solver.
Built With
- css3
- emailjs
- framermotion
- html5
- javascript
- netlify
- react
- typescript


Log in or sign up for Devpost to join the conversation.