Personal Information Management Website

Project: Static Website for Information Organization

Build a simple static site (HTML/CSS/JS or lightweight React/Next.js).

Purpose: Store, organize, and display information clearly and efficiently.

Pages:

Home: Overview of all sections (Ideas, Blog, Resources).

Ideas Page: Add (+) / Delete (–) buttons for creating/removing idea blocks.

Blog Page: List or grid view of posts with short previews.

Resources Page: List of important links, notes, or materials.

Features:

Search bar to find content across all pages.

Clean, responsive navigation bar.

Organized, card-based layout for clarity.

Design:

Minimal, modern UI (TailwindCSS or clean custom CSS).

Responsive and mobile-friendly.

Focus on simplicity and readability.

Technical:

Static only, no backend/database.

Use localStorage or similar for temporary data.

Clear code structure with comments.

Deliverables:

Fully functional static website.

Source files + brief deployment guide (GitHub Pages / Netlify / Vercel).

Goal:
Create a low-complexity, well-organized website for personal information management — fast, clean, and easy to expand later.