A personal website built with Next.js featuring projects, dynamic weather data, and Markdown-based content.

Projects are managed through Markdown files with frontmatter, making it easy to add, edit, and maintain project content without touching React components.

Markdown-driven project content

The site uses Next.js static generation and incremental static regeneration to keep pages fast while still allowing selected content to be refreshed after deployment.

Static generation with ISR revalidation

A dynamic weather widget fetches external API data and displays current weather information inside the portfolio experience.

Real-time weather data integration

The interface is built from reusable components, improving consistency and making the project easier to scale.

Reusable layout and UI components

Auth0 Integration - Secure authentication and Single Sign-On (SSO) via @auth0/nextjs-auth0.
Role-Based Access Control (RBAC)- Custom middleware and hook-based role validation (e.g., "Member" role requirement for full AI features).
Protected API Routes - Secure backend communication with session-based validation.

Enterprise-Grade Security

The layout is optimized across desktop, tablet, and mobile using Tailwind CSS utility classes and Flowbite UI patterns.

Responsive design with Tailwind & Flowbite

A modern personal website built with Next.js and TypeScript, combining static generation and dynamic data fetching. The site includes a project showcase powered by Markdown files, a real-time weather widget using external APIs, and a responsive UI built with Tailwind CSS and Flowbite. Designed with scalability and maintainability in mind, the project supports incremental static regeneration and reusable component architecture.

Next.js Static & Dynamic Content Site

Personal Website & Portfolio

Interactive dashboard for tracking portfolio performance with beautiful data visualizations.

Real-time data updates

Interactive chart visualizations

Customizable dashboard widgets

Export reports to PDF

Dark/Light theme support

Designed and developed a sophisticated analytics dashboard that provides real-time insights into portfolio performance. Features include customizable widgets, interactive charts, and automated reporting capabilities.

Beauty and Cosmetic Clinic

Soluna Dermal & Aesthetic Clinic

Cross-platform mobile app for tracking workouts, nutrition, and health metrics.

Workout tracking with video guides

Nutrition logging with barcode scanner

Progress visualization with charts

Integration with fitness wearables

Social challenges with friends

A comprehensive fitness tracking application that helps users monitor their workouts, track nutrition, and visualize their health progress over time. Integrates with popular fitness devices and provides personalized recommendations.

Health & Wellness Mobile App

Ambience Wellness

Comprehensive brand identity design including logo, color system, and design guidelines.

Logo design with variations

Color palette and typography

Brand guidelines document

Marketing collateral templates

Social media kit

Created a complete brand identity system for a tech startup, including logo design, color palette, typography guidelines, and comprehensive brand usage documentation. The design system ensures consistent branding across all touchpoints.

My Projects

Personal Website & Portfolio

Soluna Dermal & Aesthetic Clinic

Ambience Wellness

Lu's Massage