✨ Bethsy Falcon — Frontend Portfolio

Modern frontend portfolio built with Next.js to showcase my projects, blog, and continuous growth as a developer.

Designed with a strong focus on clean architecture, scalability, and real-world frontend practices.

---

🚀 Live Demo

🔗 https://portfolio-bfb.vercel.app

---

🌟 Highlights

• 🌗 Dark / Light mode with custom React Hook
• 📱 Fully responsive (mobile, tablet, desktop)
• 📝 Integrated blog system
• 💼 Project showcase with structured data
• 🧊 Glassmorphism-style navbar
• 🎨 Custom theme system using CSS variables
• 🧩 SCSS Modules architecture
• ⚡ Optimized performance with Next.js

---

🛠️ Tech Stack

• Framework: Next.js
• Library: React
• Language: TypeScript
• Styling: SCSS Modules
• Deployment: Vercel

---

🧠 Architecture & Approach

This project follows modern frontend best practices:

• 🧱 Component-based architecture
• 🎯 Separation of concerns
• ♻️ Reusable and scalable components
• 🎨 Theme system powered by CSS variables
• 🪝 Custom hooks (useTheme)
• 📦 Centralized data management
• 📁 Clean and maintainable folder structure

---

📂 Project Structure (Simplified)

src/
 ├── components/
 ├── hooks/
 ├── data/
 ├── styles/
 └── pages/

---

⚙️ Getting Started

Install dependencies:

npm install

Run the development server:

npm run dev

Open in your browser:

http://localhost:3000

---

🎯 Purpose

This portfolio is not just a showcase — it's a reflection of my evolution as a developer.

Each section and component is built with intention, focusing on:

• Writing clean and scalable code
• Applying real-world frontend patterns
• Creating meaningful user experiences

---

📬 Contact

• GitHub: https://github.com/Bethsyf
• Portfolio: https://portfolio-bfb.vercel.app

---

⭐ Final Note

"I build interfaces that are not only functional, but also intentional."