My Portfolio Website
It presents your bio and skills, spotlights projects and technical articles, displays visual work in a gallery, embeds an AI chat assistant, surfaces rotating quotes, and ends with clear contact options-all built with modern, performant web tooling for responsiveness and SEO.
A quick tour of your site reveals a clean, modern single-page layout with eight top-level sections—Home, About, Projects, Blog, Gallery, Chat Support, Quotes, and Contact—each serving a distinct role in showcasing your skills, work, and personality. The consistent navbar and visual style create a seamless user experience, guiding visitors from a brief introduction all the way through to an AI-powered chat interface and multiple ways to connect.
Home
- Global navigation bar at the very top displays your brand name (“Baiyuechu”) alongside links to all major sections (Home, About, Projects, Blog, Gallery, Chat Support, Quotes, Contact).
- Hero area (just below the navbar) features your name/logo prominently to establish brand identity and immediately orient the visitor.
- Call-to-action: typically a button or link (e.g. “Get in Touch”) encourages users to jump straight to the Contact section.
About
- Profile snapshot with a portrait image and the heading “Hi, I’m Baiyuechu,” followed by a concise bio:
“A passionate Full Stack Developer with expertise in modern web technologies. I love creating intuitive and performant applications that solve real-world problems.”
- Quick links to Download CV, GitHub, and LinkedIn for deeper exploration of your background (baiyuechu.dev (https://www.baiyuechu.dev/about)).
- Digital footprint: a GitHub heatmap (“Cosmic Contributions”) visualizes your code-contribution history across 2024–2025.
- Skill clusters (“Cosmic Skills”) organized into Frontend (HTML5, CSS3, JavaScript, TypeScript, React, Tailwind CSS, Next.js), Backend (Node.js, Express.js, MongoDB, Firebase, Sanity.io, Vercel, Docker), Mobile (Dart, Flutter), OS & Tools (Linux, Git, GitHub, Terminal, Shell, Chromium, Claude AI), Editor (VS Code, Neovim) and Others (Raspberry Pi, C, C++, Photoshop, Python, Lua, Google Colab).
- Milestones (“Cosmic Achievements”) list key career highlights by year, such as speaking at tech conferences and leading frontend teams.
- “Beyond the Code” and closing invitation (“Let’s Create Something Amazing Together”) reinforce your openness to new projects and collaborations.
Projects
- Dedicated to surfacing your proudest work, this page lists “Projects” you’ve built.
- Currently shows a placeholder message (“No Projects Found”), indicating space to showcase open-source apps, demos, or client work once available.
- In the future, you might add an interactive grid of project cards with thumbnails, tech stacks, and links to live demos or GitHub repos.
Blog
- Hosts technical articles and personal stories under “Blog,” with an intro explaining you share lessons learned, hack-project write-ups, and general findings.
- Social links to GitHub, X (Twitter), LinkedIn, Instagram, YouTube, Daily.dev, GitLab encourage readers to follow you across platforms.
- Filter by tags (Embedded Linux, C, AI, Python, Raspberry, Kernel, Bootloader) helps visitors drill into topics of interest.
- Recent posts include in-depth how-tos like “Real Time In Embedded Linux” (Apr 18, 2025, 5 min), “Bootloader In Embedded Linux” (Apr 18, 2025, 7 min), “C Program Compilation Process” (Apr 18, 2025, 5 min), and more.
Gallery
- A visual showcase titled “My Gallery” opens with a Stephen Hawking quote to inspire reflection.
- Intended for photographs, design snapshots, or work-in-progress visuals that complement your technical content.
- Employs a clean, “All” filter by default, but could be expanded to categorize images by theme or project.
Chat Support
- Embeds an AI Chat Assistant (“Bạch Nguyệt Sơ”) with a yin-yang logo, offering interactive, real-time support or guided demos of your projects.
- Sample greeting from the bot (“Xin chào người hôm nay! Ta có thể giúp gì cho người hôm nay?”) illustrates localized personality and Vietnamese language support.
- A disclaimer notes that AI responses may not always be accurate, setting proper expectations.
Quotes
- A dynamically loaded collection under “Quotes” intended to surface inspirational or thought-provoking snippets.
- Currently displays a loading state (“Loading quotes…”), suggesting asynchronous retrieval from an API or database.
Contact
- A friendly invitation “Contact Me” frames this final section as an open channel for collaboration and inquiries.
- Provides your email (ebevutru@gmail.com (mailto:ebevutru@gmail.com)), and icons for Gmail and Discord for direct outreach.
- A note on typical response time (“I typically respond within 24–48 hours.”) helps manage expectations and underscores professionalism.
Each page of your portfolio works together to tell your story—from who you are and what you can build, to how people can engage with you both technically and personally.