generic-ui-react-storybook

I used **React Storybook** to create reusable, generic components with clear documentation. I integrated and customized the **Material UI (MUI)** theme to fit specific design needs. The components are scalable and consistent, and Storybook enables interactive previews, improving collaboration and development efficiency.

memorySaver

The Memory Saver website allows users to create, share, and manage memory posts. Only post owners can delete their posts, while others can view them. Liking posts requires signing in, with Google Sign-In for easy authentication. It features a responsive design, ensuring smooth, secure performance across all devices.

musix

This project is a music player website where users can upload and play music tracks. It features a unique note-taking functionality, allowing users to write and save notes tied to specific timestamps in the song. The platform ensures a seamless experience for music enjoyment and personal annotations.

personal-blogging

This MERN stack project is a social media platform where users can post photos with descriptions and timestamps. Logged-in users can view, like, and interact with posts, while only the original poster can edit or delete their content. The platform ensures secure authentication for seamless and engaging social interactions.

astro-blog

I built a personal blog using Astro by following its step-by-step documentation. This project helped me understand Astro’s key concepts like file-based routing, markdown integration, and component-based architecture. It features a clean design and fast performance, reflecting modern web development practices while offering a valuable learning.

CHEF-tut

I created a GitHub repository documenting my step-by-step learning journey with Chef. Each commit represents key concepts and practical implementations, covering infrastructure automation, writing recipes, and managing configurations. This repository serves as a personal reference and showcases my progress in mastering Chef for configuration.

dsa

flutter-diceroll

I built a DiceRoll app in Flutter as part of my step-by-step learning journey. This project helped me explore Flutter’s core concepts like widget structure, state management, and UI design. It reinforced my understanding of building cross-platform apps while offering hands-on experience with Flutter’s powerful framework and tools.

framer-motion

I explored Framer Motion to learn animation concepts in React. This project helped me understand how to implement smooth animations, transitions, and gestures. I experimented with key features like motion components and animation controls, gaining hands-on experience in creating dynamic, interactive user interfaces with engaging motion effects.

nextjstut

I learned Next.js (version 11) by exploring its core features like server-side rendering (SSR), static site generation (SSG), and API routes. This project helped me understand dynamic routing, optimized performance, and improved SEO. It provided hands-on experience in building modern, scalable React applications with Next.js.

react

I thoroughly explored React.js, including key concepts like React Redux, React Router, and TypeScript. This project helped me gain expertise in state management, routing, and type-safe development. I applied these concepts to build scalable, performant applications, enhancing my skills in modern frontend development with React.

nextv14-mui-mini-kit