webdevelopment
I Built a Real Business Website with an AI Assistant & Visitor Tracking
I built a real-world business website for Master Baja Bangunan — a building-materials business in Tangerang, Indonesia. But I didn't want to build just another company website. I wanted to turn a traditional building-materials business into a more interactive digital experience. The website includes: 🤖 AI-powered Material Assistant Visitors can ask questions about building materials and get help estimating materials such as cement, sand, lightweight bricks, rebar, and more. 📊 Visitor Tracking The website includes visitor information so the business can understand website activity. 💬 WhatsApp Integration Customers can quickly contact the business directly from the website. 🌐 Responsive Business Website Designed to present products, pricing, location, business information, and customer contact options in one place. 🌍 Bilingual Experience The website supports Indonesian and English. This project taught me something important: A good website isn't just about how it looks. It's about solving a real business problem. I built this project from scratch as a self-directed developer, combining web development, AI integration, automation, and real-world business requirements. 🔗 Live website: https://masterbajabangunan.my.id/ I'd love to hear from other developers: What would you add to this system next? webdevelopment ai automation javascript aiintegration business fullstack portfolio
Building & Deploying 3 Real-World Websites with Next.js, React & PostgreSQL
Over the past few weeks, I’ve been building and deploying three real-world web projects, each with a different business requirement and technical scope. 🚀 Projects 1. PSDigiLabs Live: www.psdigilabs.in My own digital services and development portfolio, built as a production-ready business website rather than just a static portfolio. Key work included: Next.js App Router architecture React + TypeScript development Tailwind CSS responsive UI Mobile-first responsive design Service and pricing pages Contact and lead-generation workflow PostgreSQL database integration using Neon Server-side API routes for lead capture Make.com webhook integration Google Sheets lead workflow Custom-domain deployment Vercel production deployment Cloudflare DNS and email routing SEO foundations including sitemap and robots.txt Git/GitHub version control 2. Ritika Jaiswal Fashion Live: www.ritikajaiswalfashion.com A luxury fashion website developed with a strong focus on visual presentation, responsive design and content management. Key work included: Next.js + React + TypeScript Tailwind CSS Responsive luxury-fashion UI Product/collection management Admin dashboard CMS-driven content Image and media management Customer authentication Google sign-in Customer testimonial workflow Testimonial moderation Role-based admin functionality PostgreSQL/Supabase integration Row Level Security Dynamic blogs and media pages SEO administration Hero video optimisation Vercel deployment 3. Creative Monks Live: www.creativemonks.in A cinematic photography and creative-services website designed around portfolio presentation and customer enquiries. Key work included: Next.js + TypeScript Responsive frontend development Supabase/PostgreSQL backend CMS-driven stories, films and commercial projects Dynamic service and package pages Contact/enquiry management Admin dashboard Customer testimonial system Moderation workflow Authentication and database security SEO management Google Analytics 4 integration Responsive testimonial marquee Vercel deployment 🧠 What I Learned These projects gave me practical experience across much more than frontend development. I worked through the complete lifecycle: Requirement Analysis → UI/UX → Development → Database → Authentication → APIs → Testing → Git/GitHub → Deployment → DNS → Analytics → Automation I also spent considerable time debugging real production issues involving responsive layouts, database permissions, authentication, email delivery, deployment configuration and third-party integrations. One of the biggest lessons was that building a production website is not only about writing code. It requires understanding the business requirement, designing the workflow, integrating multiple systems, testing edge cases and maintaining the application after deployment. 🛠️ Technologies Next.js • React • TypeScript • JavaScript • Tailwind CSS • PostgreSQL • Neon • Supabase • REST APIs • Git • GitHub • Vercel • Cloudflare • GA4 • Make.com These projects are helping me build practical experience across full-stack web development, business workflow automation, QA/testing and technical project implementation . nextjs react typescript postgresql webdevelopment fullstack showcase
Intelligent Gym Registration & Automation System
GYMCORE INTELLIGENT GYM REGISTRATION AND AUTOMATION SYSTEM GYMCORE is a modern digital gym registration system designed to replace manual member registration with a fast, automated, and organized process. The main purpose of this project was to allow gym members to register themselves directly through a website while automatically sending their information to a structured database without requiring gym staff to manually enter the data. HOW WE BUILT IT We created a responsive gym registration website with a simple and user friendly registration form. A member can enter information such as their full name, email, phone number, age, and membership details directly through the website. The website is connected to an n8n automation workflow using a Webhook. Whenever a member submits the registration form, their information is automatically sent to n8n. The n8n workflow receives and processes the submitted information before sending it to Google Sheets, which works as the member database. The system also records important information such as the registration date and can generate a unique member or user ID so that every registration can be easily identified and managed. THE COMPLETE WORKFLOW Member registers on the website. The registration form sends the information to the n8n Webhook. n8n receives and processes the information. The processed information is automatically stored in Google Sheets. The member receives a confirmation response. WHAT THE SYSTEM ACHIEVES The system allows self service member registration, automated data collection, webhook integration, n8n workflow automation, automatic storage of member information, registration date tracking, unique member identification, and organized member records. It reduces manual data entry and makes the registration process faster, more efficient, and easier to manage. WHY WE BUILT IT Traditional gym registration often involves paper forms, manual data entry, and scattered member records. GYMCORE demonstrates how website development and automation can be combined to create a smarter and more efficient business process. This project was not just about creating a registration form. It was about connecting the entire process from the moment a customer submits their information to the moment that information is automatically organized and stored in a database. The result is a complete automated gym registration system that connects the website, n8n automation, Webhooks, and Google Sheets into one streamlined workflow.
I built Trust Check BD after losing 900 BDT to an online scam
In May 2026, I lost 900 BDT to an online scam. The money wasn't the biggest problem. The bigger problem was realizing that before sending money to a seller, there was no simple place where I could search and ask: “Has anyone reported this person or business before?” So I decided to build it. I started Trust Check BD — a free, community-powered platform where people can: → Search phone numbers, bKash/Nagad accounts, websites, Facebook pages, businesses, etc. → See reported scam cases → Submit reports with evidence → Help others avoid similar scams But building it wasn't just about creating a search box. Some of the engineering challenges were interesting: Normalizing Bangla + English search queries Matching different types of identifiers Connecting related reports without uncontrolled database crawling Evidence-based manual moderation Spam and abuse protection Redis caching for repeated searches Localized EN/BN SEO Automatically updating public report pages and sitemap data The most important lesson for me: When you're building a trust product, a false positive can be just as harmful as a missed scam. That's why a submitted report doesn't immediately become a public warning. It goes through validation, evidence collection, and human review first. I documented the full journey—from the original 900 BDT incident to the product architecture, challenges, technology choices, traction, and future roadmap. 👉 Full case study: monirhrabby.com/case-study/trust-check-bd I'm sharing this mainly to document what I learned while building a real product from a very personal problem. Search before you pay. Report when it happens. buildinpublic nextjs typescript mongodb prisma webdevelopment startup trustcheckbd
Shipped: Lumora eBook Store
I built Lumora Books , a modern responsive bookstore experience focused on making book discovery feel calm, curated, and enjoyable rather than overwhelming. ✦ What I built The goal was to create a polished bookstore interface with a strong editorial feel while keeping the experience simple to explore. Key sections include: - 🏠 Hero & discovery experience — a focused landing section introducing the collection - 📚 Book categories — Fiction, Business, Mind & Wellness, Art & Design, and more - ⭐ Bestsellers — curated popular titles with pricing and editorial labels - 🆕 New Arrivals — a dedicated section for recently added books - 📰 Lumora Journal — essays, recommendations, and editorial content - 📩 Newsletter subscription — a simple way for readers to stay updated - 📱 Responsive design — built to adapt across desktop and smaller screens - ✨ Modern visual system — typography, spacing, cards, transitions, and visual hierarchy designed around a premium bookstore aesthetic 🎯 Design goal I wanted Lumora to feel less like a traditional e-commerce page and more like a digital reading space — clean, editorial, and focused on the experience of discovering your next book. The interface combines strong typography, generous spacing, subtle visual details, and clear content sections to make browsing feel effortless. 🔍 What you can explore The live site includes: - Bestseller collection - Book categories - New arrivals - Editorial recommendations - Journal section - Newsletter signup - Shipping, returns, and customer-care sections 🚀 Live Preview https://lumora-books.netlify.app/ Would love to know — what would you add to make the book-discovery experience even better? 📖 webdevelopment frontend html css javascript uiux webdesign books showcase