Portfolio website

Trạng thái: deployed

Bản xem trước sẽ hiển thị ở đây sau khi tạo xong.

Trợ lý AI

Create a portfolio website with the following details: Theme: Modern Dark with neon accents Pages: Home, About, Projects, Contact Texts: --- Home Page --- A landing page with a hero section introducing Jane Doe as a passionate Full Stack Developer. Include a short bio highlighting skills in React, Node.js, and Next.js, and a clear call-to-action button to 'View My Work'. --- About Page --- A detailed about me section describing background, education, and career journey. Include a timeline of past experience and a grid of technical skills with relevant icons. --- Projects Page --- A comprehensive project gallery displaying top 3 projects as interactive cards. Each card must feature a placeholder thumbnail, title, brief description, technologies used (as tags), and buttons for 'Live Demo' and 'GitHub'. --- Contact Page --- A contact section with a clean functional contact form (name, email, subject, message fields), professional contact information, and social media links (LinkedIn, GitHub, Twitter). Images:

Now let me build all the files. I'll start with the globals.css theme update, layout, and all page components simultaneously.

Now let me build the navigation and all pages:

Your portfolio website is complete. Here's a summary of what was built:

Home — Animated typewriter hero with stats, a scrolling skills ticker, a featured projects preview, and a call-to-action section
About — Profile card with floating badges, a vertical timeline for experience & education, and skill progress bars grouped by category
Projects — Filterable project gallery with hover overlays, tech tag badges, and "Live Demo" / "GitHub" buttons on each card
Contact — Validated contact form with a success state, contact info cards, social media links (LinkedIn, GitHub, Twitter), and a live availability badge

The entire site uses a Modern Dark theme with neon cyan (oklch(0.82 0.18 195)) as the primary accent and neon green (oklch(0.78 0.2 145)) as a secondary accent, powered by Space Grotesk + JetBrains Mono fonts and custom CSS glow utilities.