All Projects

NeuroBank

NeuroBank

This project is a MERN Microservices Banking System designed to simulate real-world fintech internal architectures. It provides a robust platform for managing bank accounts, performing secure financial transactions, and receiving real-time notifications.

MicroservicesNodeJSReactJSRabbitMQRedisMongoDBJavaScript
View Code Live Demo
SonicFlow

SonicFlow

SonicFlow Project Overview SonicFlow is a full-stack, microservices-based music streaming platform with role-based access control (RBAC). It allows users to listen to music and create private playlists, while artists can upload their own tracks and manage public artist-branded playlists. Architecture The project is divided into several independent services: Frontend (Web): A responsive React application built with Vite, using Tailwind CSS for styling and RTK Query for state management and API communication. Auth Service: A Node.js/Express service that handles user registration, login, and logout. It uses JWT stored in httpOnly cookies for secure authentication and manages roles (user vs. artist). Music Service: A Node.js/Express service that manages songs and playlists. It provides endpoints for song uploads (artist-only), song searching, and playlist management. Notification Service: A background service likely used for system notifications, potentially connected via a message broker. Tech Stack Frontend: React, Vite, RTK Query, Tailwind CSS. Backend: Node.js, Express. Authentication: JWT, httpOnly cookies. Messaging: RabbitMQ (indicated by rabbit.js in the Auth service). Storage: ImageKit (for cover art and audio files). Database: MongoDB Core Features For Users Browse Music: View public artist playlists and all available songs. Search: Find songs by name. Personal Library: Create and manage private user playlists. Music Player: Interactive playback interface. For Artists Song Management: Upload and delete their own tracks. Artist Dashboard: View and manage their own catalog of songs. Public Playlists: Create and manage artist-branded playlists visible to all users. Project Structure Auth/: Authentication microservice. Music/: Core music and playlist service. Notification/: System notification service. Web/: React frontend application. High-level summary and setup instructions.

ReactJSNodeJSMongoDBMicroservicesRedisRabbitMQ
View Code Live Demo
PromptHub

PromptHub

πŸš€ Thrilled to share my latest project: PromptHub! Built from scratch using the MERN stack, PromptHub is a platform for AI enthusiasts to create, save, and share their best prompts. πŸ”‘ Key Features: Save Your Prompts: Users can securely save their favorite AI prompts after registering and logging in. Copy & Explore: Discover and copy prompts shared by others in the community. Full Control: Only the creator of a prompt can edit or delete it, ensuring ownership and security. This project was a journey of learning and coding with MongoDB, Express, React, and Node.js. Excited to see how the community uses it! Check it out: PromptHub Would love your feedback! What features would you like to see next? πŸ’¬

ReactTailwindCSSNodeJsExpressJSMongoDBRailwayVercel
View Code Live Demo
CineVerse

CineVerse

CineVerse – Movie Discovery Web App 🎬🍿 CineVerse is a modern movie web application built with Next.js that allows users to explore and discover movies with ease. The platform is designed with a clean and engaging UI, making it simple for users to search, browse, and learn more about their favorite films. ✨ Key Features: Movie Listings: Displays trending and popular movies with details like title, rating, and release date. Search Functionality: Lets users find movies quickly by name. Detailed Pages: Each movie includes a description, genre, and other essential info fetched from API. Responsive Design: Optimized for both desktop and mobile devices for smooth user experience. Fast Loading: Uses Next.js for server-side rendering and performance optimization. βš™οΈ Tech Stack: Next.js, Movie API integration, Modern CSS/Responsive UI

ReactJsTailwindCSSStateHooksFetchTMDB Responsive
View Code Live Demo
Amiya

Amiya

Amiya – Modern E-Commerce Website Redesign πŸ›οΈβœ¨ This project is a complete redesign of Amiya’s official website, created as part of a hackathon challenge. The goal was to give the brand a fresh, modern, and user-friendly interface while ensuring smooth navigation and responsive design. The website includes all core pages required for an e-commerce platform: Home Page: Showcases featured products and brand highlights. Shop Page: A clean product listing with categories and filters for easy shopping. About Page: Presents the brand story and values in a minimal and elegant way. Contact Page: Provides a simple way for customers to get in touch. Login/Signup Pages: Secure authentication system for customers to create accounts and manage orders. ✨ Key Features: Responsive design for desktop and mobile. Smooth navigation and clean UI/UX. Fast performance optimized for user experience. Designed as per hackathon requirements with a professional look. βš™οΈ Tech Stack: Next.js, modern CSS styling, responsive design principles.

ReactJs TailwindCssJSON Data
View Code Live Demo
Beat Sync

Beat Sync

BeatSync – AI Based Mood & Music App 🎢🎭 BeatSync is a smart web application built with Next.js that connects human emotions with personalized music. The app uses real-time face detection through the webcam and analyzes facial expressions to understand the user’s mood. Once the mood is detected, it fetches matching music data from Supabase, giving users a playlist that perfectly fits their feelings. ✨ Key Features: Face Detection: Uses camera to capture and process user expressions in real-time. Mood Analysis: Identifies emotions such as happy, sad, or neutral with instant feedback. Music Recommendation: Fetches personalized music data from Supabase API based on the mood. Next.js APIs: Built with Next.js API routes for smooth backend integration and data handling. βš™οΈ Tech Stack: Next.js, Supabase, API Routes, Modern UI/UX design.

ReactJsFaceApiDeezerApiTailwindCssNextJs
View Code Live Demo
Ochi

Ochi

Ochi 🌟 Introducing the Ochi webpage: A Stunning Blend of Innovation and Visual Delight! 🌟 Are you ready to be mesmerized by the power of technology and creativity? Look no further, because I've got something truly exceptional for you today! Picture this: a webpage created using React, JSX, Tailwind, CSS, JavaScript, Framer Motion, Locomotive Scroll, and React Icons. A perfect amalgamation of cutting-edge technologies and design precision! But that's not all; this webpage will leave you in awe with its mind-blowing animations that will take your breath away. Now, I know what you're thinking - it's not responsive? Well, let me assure you, my friends, that even the most brilliant minds sometimes stumble upon challenges. But fear not, because this website is a work of art in progress, and I am committed to providing it with the best animation and ensuring its responsiveness. I firmly believe that every masterpiece takes time to refine, and Ochi webpage is no exception. It's a testament to my dedication to delivering exceptional design and user experience. So, stay tuned as I work tirelessly to make this webpage shine on every device and screen size. In the midst of this journey, I invite you all to join me and be part of this incredible adventure. Let's push the boundaries of what's possible and create a truly immersive experience that leaves a lasting impact on all who encounter it. Remember, innovation is a continuous process, and I'm thrilled to have you by my side as I refine and elevate the Ochi webpage to new heights! Together, we'll redefine the very essence of digital design. 🌐 Experience the Ochi webpage - where technology meets artistry! 🎨

ReactJsTailwindCssFramer MotionLocomotiveScroll
View Code Live Demo
Note-Taking Web App

Note-Taking Web App

Note-Taking Web App A sleek and intuitive note-taking web application built with React (via Vite) and hosted on Vercel. This app allows users to quickly create, view, and delete notes in a minimalist and distraction-free interface. It features smooth interactions and an easy-to-use layout that emphasises user experience and speed. Perfect for jotting down ideas or daily to-dos on the go

ReactJsTailwindCSSLocalStorage
View Code Live Demo
Aora Video Sharing App

Aora Video Sharing App

πŸš€ Exciting News! πŸŽ‰ I've completed my latest project - Aora, a social media app built using React Native! πŸ“± Key features of Aora: β€’ πŸ”’ User authentication system β€’ πŸ—‚οΈ Database integration (Appwrite) β€’ ☁️ Cloud storage implementation β€’ 🏠 Home feed displaying posts from other users β€’ πŸ–ΌοΈ Image and video posting capabilities with thumbnails πŸ“Ή β€’ πŸ‘₯ Profile creation and management Technologies used: React Native 🌟 Appwrite (Authentication, Database, Storage) πŸ’Ό Tailwind CSS 🎨 This project showcases my expertise in: β€’ πŸ› οΈ Cross-platform mobile app development β€’ πŸ”— Backend integration and API management β€’ 🎨 User interface design and implementation β€’ πŸ’Ύ Data persistence and retrieval β€’ πŸ“Ί Media handling and optimization β€’ 🧩 Responsive styling with utility-first approach Aora demonstrates my ability to create engaging, feature-rich mobile applications that cater to modern social media needs πŸ“ˆ. Whether you're looking for a skilled React Native developer or want to discuss potential collaborations, let's connect! πŸ’¬

ReactNativeTailwindCSSAppwriteAuthDataBase
View Code Live Demo
LogoLumina

LogoLumina

πŸŽ‰πŸ”₯ Exciting News! Introducing Logolumina - Your Ultimate Logo Creation Website! πŸš€πŸ–ŒοΈ I'm beyond thrilled to announce the launch of Logolumina, my brand-new logo creation website designed to revolutionize the way businesses bring their brands to life! πŸ’₯ Logolumina is not just another logo maker - it's a powerful tool packed with features to help you create stunning logos that truly represent your brand identity. Here's what makes it special: β€’ Two types of logo options: Normal icons and color logos πŸŽ¨πŸ–‹οΈ β€’ Customize colors, backgrounds, padding, size, and rotation of icons πŸ”©πŸ”„ β€’ Add gradient backgrounds for extra flair 🌈 β€’ Download your custom logo instantly πŸ’» But that's not all! Logolumina offers: ✨ A user-friendly interface that makes design easy for everyone ✨ A vast library of high-quality icons to choose from ✨ Real-time previews so you can see your logo come alive ✨ The ability to save and edit your designs later and it's Responsive too. With Logolumina, you can bring your brand vision to life in just a few clicks! πŸ•’πŸ’‘ Whether you're starting a new business, rebranding, or just want to refresh your image, our tool has got you covered.

ReactJsTailwindCssVitehtml2canvas Lucid Icons
View Code Live Demo
Blog Website

Blog Website

Blog Website. πŸš€ Exciting News! 🌟 I've launched my new blog website,designed with a passion for great user experience.πŸ‘‰ πŸ”— Built with: Next.js for a blazing-fast web experience πŸƒβ€β™‚οΈπŸ’¨ Sanity.io as the CMS backbone, making content management a breeze πŸ“βœ… Styled with Tailwind CSS for sleek, responsive design πŸŽ¨πŸ“± TypeScript for robust, type-safe coding πŸ› οΈπŸ”’ Enhanced UI with Shadcn, adding that extra sparkle ✨🌐 And yes, a mode toggle feature for light 🌞, dark πŸŒ™, and system preferences πŸ”„, because customization matters! 🌟 This project is a testament to my journey in web development, combining performance, aesthetics, and functionality. I'm thrilled to share this milestone with you all and would love to hear your feedback! πŸ’¬

NextJsSanity.ioCMSStatefetchsHooks
View Code Live Demo
E_Commerce

E_Commerce

A sleek and responsive e-commerce storefront built using Next.js and powered by Sanity.io as the headless CMS. This setup enables dynamic content management, allowing products to be updated in real-time. Deployed on Vercel, the site offers fast performance and global reach. Visitors can browse a variety of productsβ€”like β€œBasic Plain Polo Shirt,” β€œZW Collection Denim Jacket,” β€œFlared Jeans with Zips,” and moreβ€”each displayed with clear pricing and appealing visuals. Built with a strong focus on clean UI/UX, the site supports efficient product discovery and user engagement

NextJsSanity.ioCMSHooksFetch
View Code Live Demo
Airbnb clone

Airbnb clone

Airbnb clone. I've been diving deep into tech waters and emerged with something I'm incredibly proud of - an Airbnb clone website! 🏠✨ Here’s a quick rundown of what went into the build: πŸ’» Backend Technologies: Node.js & Express.js for a seamless and efficient server-side experience. MongoDB for robust database management. Cookies and sessions for smooth user authentication and state management. πŸ”§ MVC Model: Applied the MVC (Model-View-Controller) paradigm for organized and scalable code structure. 🌐 Frontend Technologies: EJS (Embedded JavaScript) templates for dynamic, server-side rendered pages. Bootstrap for sleek, responsive design. ☁️ Cloud Services: Cloudinary for hassle-free image uploads and management. MongoDB Atlas for powerful cloud database hosting. πŸ” Security & Authentication: Passport.js for secure user login and authentication. Connect-flash for instant pop-up messages and notifications. Joi for form validation and security. πŸš€ Deployment: Deployed seamlessly on GitHub for version control. Render for robust frontend hosting. Building this project was a fantastic journey, combining a multitude of technologies to create a fully functional and user-friendly application. If you're interested in a detailed breakdown or collaboration opportunities, feel free to reach out!

MVC EJSNodeJsExpressJsMongoDBCRUDMapRoutesControllers.env
View Code Live Demo
Refokus-Work

Refokus-Work

🌟 Incredible Animation and State-of-the-Art Design on Refokus Work Page! 😍 πŸš€ I am thrilled to announce the creation of the Refokus Work page, a stunning website that combines the power of React, JSX, State, Hook, HTML, CSS, JavaScript, Framer Motion, Locomotive Scroll, and React Icons to bring you an unparalleled user experience. πŸŽ‰ 🌐 Not only does Refokus Work boast an impressive array of cutting-edge technologies, but it also showcases the best animation you've ever seen in a website. Each element dances gracefully on the screen, capturing your attention from the moment you land on the page. πŸ’ƒ πŸ“± While some websites may struggle with responsiveness, Refokus Work has been meticulously crafted to ensure a seamless experience across all devices. Whether you're browsing on a laptop, tablet, or smartphone, the website adapts effortlessly to meet your needs. πŸ“² πŸ’Ό As a digital marketer, I understand the importance of creating a visually captivating online presence. With Refokus Work, you can showcase your brand and engage your audience like never before. The combination of sleek design and mind-blowing animation will leave your visitors in awe and craving for more. 🎨 ✨ So, are you ready to take your brand to the next level? Contact me today to explore how Refokus Work can transform your digital presence and captivate your target audience. Let's create something extraordinary together! πŸ’ͺ

HTML5CSS3JSStateHooksFramer MotionLocomotive ScrollReact Icons
View Code Live Demo
Sundown Studio

Sundown Studio

🌟 Introducing Sundown Studio Agency's Mind-Blowing Website! πŸš€ Hey LinkedIn fam! πŸ‘‹ I am beyond thrilled to announce the launch of Sundown Studio Agency's brand new website! πŸŽ‰πŸŒ πŸ–ŒοΈ With a touch of HTML, CSS, JS, Locomotive, GSAP, and ScrollTrigger, we've created a website that will blow your mind! πŸ’₯✨ πŸŒ… Sundown Studio Agency is known for its innovative and cutting-edge digital solutions, and this website truly reflects our commitment to excellence. From captivating animations to seamless user experience, we've left no stone unturned in providing you with an unforgettable journey through our virtual space. 🎨 Immerse yourself in the stunning visuals, thoughtfully crafted design elements, and intuitive navigation that will leave you wanting more. Our website is a true testament to the creativity and expertise of our talented team. πŸ’‘ Whether you're searching for web design, digital marketing, or SEO services, Sundown Studio Agency has got your back! We offer tailored solutions that align perfectly with your business goals and objectives. πŸ“ˆ So, if you're ready to take your online presence to new heights and make a lasting impact in the digital world, look no further! Sundown Studio Agency is your go-to partner for all things digital. ✨ Don't wait! Head over to our website now and experience the magic for yourself πŸ—£οΈ Share this post with your colleagues, friends, and anyone who appreciates stunning web design. Let's spread the word and bring the digital revolution to life! πŸ’»πŸŒ

HTML5CSS3JSLocomotiveGSAPScrollTrigger
View Code Live Demo
REJOUICE

REJOUICE

πŸš€ Exciting News! πŸš€ Introducing the all-new Rejouice Agency Website! πŸŽ‰βœ¨ We've gone above and beyond to create a website that will leave you speechless. 🌟✨ With a perfect blend of HTML, CSS, JS, Gsap, Locomotive, ScrollTrigger, SwipperJS, and many more cutting-edge technologies, we've brought your digital dreams to life! πŸ’»πŸ’₯ Our team of skilled developers has meticulously crafted every pixel, ensuring a seamless and immersive user experience. πŸ’―πŸ”₯ The website is not just visually stunning but also highly functional, allowing your brand to shine like never before. πŸ’«βœ¨ With our expertise in digital marketing, we've optimized the website to ensure maximum visibility and reach. πŸŒπŸ“ˆ Say hello to boosted SEO, lightning-fast loading times, and an intuitive interface that will keep your audience hooked. πŸ“²πŸ’ͺ Whether you're a small business owner or a multinational corporation, our Rejouice Agency Website is tailor-made to suit your unique needs. πŸ’Όβœ… We understand that your online presence is crucial in today's fast-paced digital world, and we're here to help you make the most of it. πŸ’ͺ🌍 So, what are you waiting for? Don't miss out on this exceptional opportunity to elevate your brand to new heights. Visit our website now and witness the power of innovation firsthand. πŸš€πŸ’Ό

HTML5CSS3JSGSAPWeb DesignLocomotive Scroll
View Code Live Demo
Obys Agency

Obys Agency

Obys Agency. This project is a modern and creative agency-style website designed to showcase high-end projects in an elegant way. It features smooth scrolling, parallax-style transitions, and layered visual effects that create an immersive browsing experience. The site highlights projects such as Olga Prudka, Porsche Taycan, and Γ‰minente, while also presenting sections about the agency’s achievements and awards from platforms like Awwwards, CSSDA, and FWA. The website is built with HTML5, CSS3, and vanilla JavaScript, focusing on responsiveness, clean layouts, and engaging UI/UX. It demonstrates both design aesthetics and functional implementation, making it a strong example of how creative portfolios can leave a lasting impression on visitors.

HTML5CSS3 JSGSAP
View Code Live Demo
GSAP Animation

GSAP Animation

GSAP Animation Showcase. A visually engaging web page built using GSAP (GreenSock Animation Platform). It demonstrates smooth, scroll-based animations and interactive effects to enhance storytelling and user experience. Created with HTML, CSS, and vanilla JavaScript.

HTML5CSS3GSAPJS
View Code Live Demo
Parallex Website

Parallex Website

Parallex Website. A clean and responsive parallax website themed around adventure travel. It introduces activities like biking, paragliding, and surfing using smooth scrolling and layered visuals to enhance user engagement. Built with HTML5, CSS3.

HTML5CSS3 Parallex
View Code Live Demo
Premier Modern Website

Premier Modern Website

πŸ”₯ Captivating Hook: "Witness the breathtaking design of a premier website, crafted meticulously with HTML and CSS! 🌟" πŸ”— LinkedIn Post: Are you ready to feast your eyes on a visually stunning masterpiece? 🎨✨ Allow me to present to you the premier website that I recently created using HTML and CSS. πŸ–₯οΈπŸ’» Brace yourself for an extraordinary visual experience! 😍 🌐 While this website is currently just a design and not fully functional, it showcases the immense potential and creativity that can be harnessed through web development. πŸ’‘βœ¨ πŸ’» With every line of code, I strived to create a user-centric and aesthetically pleasing experience that captures the essence of modern web design. The result? A captivating visual journey that will leave you in awe! 😯πŸ’₯ 🎨 From the elegant color scheme to the seamless navigation, every element has been thoughtfully designed to ensure a smooth and delightful user experience. It's a testament to the power of HTML and CSS in bringing ideas to life on the digital canvas. 🌈πŸ’ͺ 🌟 While this website may not be fully functional at the moment, it serves as a testament to my expertise in crafting visually stunning designs that captivate the audience's attention. πŸš€ πŸ‘¨β€πŸ’» If you're searching for a digital wizard who can transform your vision into an awe-inspiring website, look no further! I specialize in creating user-friendly, responsive, and visually striking websites that leave a lasting impression. Let's connect and discuss how I can bring your ideas to life! πŸŒβœ‰οΈ

HTML5CSS3Morden Design
View Code Live Demo