🚀 How I Built My Personal AI-Powered Portfolio – surajrana.dev

Suraj Rana, a solo developer, built his portfolio website, surajrana.dev, to display his AI-focused projects and thoughts. The site utilizes Next.js 14 and Tailwind CSS for the frontend, and Node.js with Express for the backend. AI tools such as OpenAI, Gemini API, and TensorFlow micro-models are integrated for specific functionalities. Vercel and Cloudflare handle hosting, while Umami provides privacy-friendly analytics. The website boasts a fast and responsive design, an AI showcase section, a smart contact form, and comprehensive SEO optimization. Rana emphasized the importance of modular code, automated deployment, and prioritizing UX and accessibility. He plans to add AI-powered resume generation and a personal assistant to the site. Building a personal site is valuable for developers to showcase their journey and skills. He encourages other developers to build their own sites, too. He invites feedback and connections from fellow developers on his website.