Princessmae sanchez/fullstack 1 2

[cessamaeeee]

Approach

Built a full-stack blog application using Next.js App Router with TypeScript.

Features Implemented

• Home page listing all blog posts with titles and excerpts
• Dynamic single post page using [id] routing
• API routes: GET /api/posts and GET /api/posts/[id]
• Animated particle background that reacts to cursor movement
• Gemini-inspired card glow effect following the cursor
• Custom cursor with ring animation
• Syne + DM Mono typography for a distinctive developer aesthetic

Tech Used

• Next.js 16 (App Router)
• TypeScript
• CSS Custom Properties

Screenshots

Home page — localhost:3000

Single post page — localhost:3000/posts/1

API endpoint — localhost:3000/api/posts