fullstack
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
Shipped: TrackMyHunt – Job-Hunt Management Platform & Copilot
I built TrackMyHunt, a full-stack job-hunt management platform and companion Chrome extension built with React (Vite), Express.js, and MongoDB Atlas, deployed on Vercel and Render. The platform helps students and developers centralize their career search. Instead of managing fragmented spreadsheets, users can log applications, monitor pipeline stages (Applied, OA, Scheduled, Rejected), manage technical skill roadmaps, track resumes, and save study materials. The companion Chrome Extension (TrackMyHunt Copilot) allows users to extract and save job details (company, role, link, type) directly from job portals into the dashboard with a single click. The backend features stateless JWT authentication, password hashing with bcrypt, EmailJS-powered OTP verification, and Google OAuth. A reviewer can test and verify the acceptance criteria directly on the deployed application: - Registering for a new account with email OTP verification or signing in instantly via Google OAuth. - Navigating to the Application Tracker to log a new job application with specific hiring stages and job types. - Viewing the Dashboard to confirm that application metrics and stage counts update via MongoDB aggregation pipelines. - Editing an existing application's status (e.g., from Applied to OA) or deleting a record to verify full CRUD synchronization. - Testing the Skillboard, Resources Hub, Personal Notes, and Resume Manager to verify multi-section user data persistence. - Updating profile credentials (such as name or password) under account settings to confirm protected API route handling. - Installing the Chrome Extension in developer mode to test direct one-click job parsing and syncing from active tabs to the live backend. The complete source code and implementation are available in the project's GitHub repository, including the frontend UI, REST API micro-framework, database models, and Chrome extension scripts. Repository: https://github.com/ayushkhandelwal18/TrackMyHunt Live Web App: https://track-my-hunt.vercel.app/