Skip to content

Migrate to Astro framework#8

Open
diecoscai wants to merge 1 commit into
mainfrom
feature/astro-migration
Open

Migrate to Astro framework#8
diecoscai wants to merge 1 commit into
mainfrom
feature/astro-migration

Conversation

@diecoscai

Copy link
Copy Markdown
Owner

Summary

  • Complete migration from vanilla HTML/CSS/JS to Astro framework
  • Implements Tailwind CSS v4 with DaisyUI for styling
  • Component-based architecture with 9 reusable components
  • Features: theme toggle, scroll navigation, GitHub API integration

Changes

  • Added: Astro project structure (astro.config.mjs, package.json, tsconfig.json)
  • Added: 9 Astro components (Navbar, ProfileSection, BlogSection, ProjectsSection, ContactSection, Footer, SocialSidebar, SectionIndicator, BottomIndicator)
  • Added: Global styles with Tailwind and DaisyUI themes
  • Removed: Old vanilla files (index.html, script.js, styles.css)

Test plan

  • Run npm install && npm run dev
  • Verify all sections render correctly
  • Test theme toggle (dark/light mode)
  • Test scroll navigation (wheel, touch, keyboard)
  • Verify GitHub projects section loads

🤖 Generated with Claude Code

- Replace vanilla HTML/CSS/JS with Astro framework
- Add Tailwind CSS v4 with DaisyUI for styling
- Create component-based architecture:
  - Layout.astro: Base HTML wrapper with theme initialization
  - Navbar.astro: Fixed navigation with theme toggle
  - ProfileSection.astro: Hero section with intro
  - BlogSection.astro: Interactive blog cards
  - ProjectsSection.astro: GitHub API integration
  - ContactSection.astro: Contact info and social links
  - Footer.astro: Simple footer
  - SocialSidebar.astro: Fixed social links sidebar
  - SectionIndicator.astro: Section navigation dots
  - BottomIndicator.astro: Scroll indicator
- Add scroll navigation features (wheel, touch, keyboard)
- Add dark/light theme toggle with localStorage persistence
- Remove old index.html, script.js, styles.css

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jan 21, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
portfolio Ready Ready Preview, Comment Jan 21, 2026 3:50pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant