Projects in TopiProjects in Topi
Projects
People
Cover image for Title: Nexa Electronics: Premium E-Commerce
Title: Nexa Electronics: Premium E-Commerce Website with Interactive 3D Exploded Views Description: Nexa Electronics is a demo e-commerce website I designed and built to show my skills in modern web design, front-end development and interactive 3D experiences. This video is a walkthrough of the site. What’s in the vedio. The home page, with a cinematic hero section and a 3D device showcase Browsing by category: Smartphones, Laptops, Audio, Gaming, Smartwatches, Smart Home and Accessories Product pages with configuration and colour options, a zoom inspection view, pricing, stock status and customer reviews The interactive 3D exploded view (“Explore Inside in 3D”), where you can take products apart layer by layer to see their internal components Quick View, the device comparison matrix, the shopping bag and a full checkout flow (shipping details, payment, order review and confirmation) Customer sign-in and an admin dashboard for managing the store Website features Interactive 3D exploded views of products, with labelled internal parts and an explode slider A mega-menu navigation and fast category browsing Product configuration (storage and colour variants) with live pricing Wishlist, compare and shopping bag functionality Device comparison matrix A simulated checkout with order confirmation Customer accounts (sign-in) An admin dashboard with store stats and inventory and price management A newsletter signup section A toggle to turn the 3D experience on or off A responsive, dark and light themed premium UI Note: I made this video with the help of AI, and it is just a demo to show my skills. To see my work properly, I recommend visiting live website.
4
812
Cover image for I designed and built a
I designed and built a modern, high-performance portfolio website using Lovable, focused on creating a premium digital presence and a smooth user experience across desktop, tablet, and mobile devices. The website features a modern SaaS-inspired visual style, responsive layouts, interactive project showcases, detailed case study modals, smooth scrolling, subtle animations, and a carefully structured content hierarchy. Every section was designed to clearly present services, technical expertise, integrations, and real client projects without making the interface feel overcrowded. I also integrated EmailJS with the custom contact form, allowing website inquiries to be sent directly to my Gmail inbox in real time. The form includes structured project information, required field validation, project type selection, and a custom confirmation experience after successful submission. Key features include: • Modern SaaS-Inspired UI/UX • Fully Responsive Website Design • Interactive Project Case Studies • Custom Modal & Popup Experiences • Smooth Animations & Micro-Interactions • EmailJS Integration • Direct Gmail Inquiry Delivery • Custom Contact Form & Validation • Dynamic Project Type Selection • Mobile & Desktop Optimization • Conversion-Focused Content Structure • Performance & User Experience Optimization This project demonstrates my ability to use Lovable to build more than visually attractive pages. I create complete, functional web experiences by combining modern UI design, responsive development, third-party integrations, and business-focused functionality.
3
1
136
Cover image for Machine Learning Model Evaluation for
Machine Learning Model Evaluation for Soft Biometric Prediction Developed and evaluated machine learning models to predict physical characteristics from human gait data collected using inertial sensors. The project compares Random Forest Regression (RFR), XGBoost, Support Vector Regression (SVR), and Artificial Neural Networks (ANN) using engineered gait features. To assess model generalization to unseen individuals, multiple subject-wise validation strategies were applied, including hold-out validation, 10-fold cross-validation, and Leave-One-Subject-Out (LOSO). Performance was evaluated using MAE, RMSE, and R², with visual comparisons of actual and predicted values. The project demonstrates an end-to-end workflow for data preprocessing, feature engineering, predictive modelling, and systematic performance evaluation.
0
14
Cover image for 🚀 Introducing WanderLust — My
🚀 Introducing WanderLust — My Full-Stack Web Development Project I built WanderLust, a full-stack booking web application using Node.js, Express.js, MongoDB, and EJS. ✨ Key features: User authentication and authorization Create, edit, and manage property listings Reviews and booking functionality Image uploads using Cloudinary Interactive maps with Mapbox Search and category filters 🛠️ Tech Stack: JavaScript, Node.js, Express.js, MongoDB, Mongoose, EJS, Passport.js, Cloudinary, and Mapbox. This project helped me strengthen my backend development, database integration, authentication, and deployment skills. I'm a junior full-stack developer interested in building useful web applications and collaborating on real-world projects. 🔗 Live Demo: https://wanderlust-tphz.onrender.com 💻 GitHub: https://github.com/Aabi-dev10/WanderLust #FullStackDevelopment #MERNStack #JavaScript #WebDevelopment #NodeJS
4
4
355