Hey

I'm Adrian.

I'm a Frontend Software Developer with a strong passion for building web applications with great user experiences.
Here's a bit more about me.

Here are some of my projects

  • Skinstric Internship Project

    React, HTML, CSS, JavaScript

    A fully responsive React application inspired by a live AI-powered skincare tool. Users can upload or capture images and explore dynamic demographic analysis across race, age, and gender.

      Key features include:
    • • Camera integration and image upload with intuitive UI
    • • Persistent state management and localStorage to simulate real user sessions
    • • SVG-based circular chart with animated data visualizations
    • • Interactive demographic grid with conditionally rendered results
    • • Seamless frontend-backend communication for simulated AI analysis
    • • Smooth validation, dynamic feedback, and polished UI/UX
  • Netflix Clone Project

    Vite, HTML, CSS, JavaScript, Firebase

    A responsive Netflix-inspired web app. Replicates the feel and core function of the real platform, including dynamic rendering, user authentication, and smooth UI interactions. Don't use your real email/password!

      Key features include:
    • • Dynamic landing page with a spotlight feature and horizontally scrollable carousels
    • • Movie data fetched from third-party APIs and sorted into genres (trending, top-rated, upcoming)
    • • Individual movie pages with embedded trailers, metadata, and back-navigation
    • • Custom login/signup modal with Firebase authentication and form validation
    • • Responsive error handling for invalid inputs and login issues
    • • Vertical scrolling disabled to mirror Netflix’s carousel-focused UX
  • Advanced Internship Project

    React, HTML, CSS, JavaScript

    A responsive, multi-page React frontend for an NFT-focused platform as part of the Frontend Simplified development program. Features animated UI elements, dynamic data integration, and interactive user flows designed to showcase NFTs and their creators.

      Key features include:
    • • Structured with multiple routes and reusable components using props and state
    • • Integrated external APIs to load NFT data, profiles, and media content
    • • Animated sliders for featured NFTs and scroll-triggered fade-in/out effects
    • • A dynamic custom Pomodoro timer for NFT expiration countdowns
    • • Interactive routing: filter NFTs by author, navigate to detail pages via image/title clicks
    • • An "Explore" page with sorting filters and incremental "Load More" pagination
  • API Search Project

    React, HTML, CSS, JavaScript

    A minimalist movie search app. The UI focuses on clarity and ease of use, dynamically pulling and displaying movie data based on user queries and sort preferences.

      Key features include:
    • • Simple search interface with real-time input handling via click or Enter key
    • • Fetches movie data from a public API and displays the first 6 matching results
    • • Alert prompts users to refine searches with fewer than 3 characters
    • • Results can be sorted chronologically (oldest to newest or newest to oldest)
    • • Fully responsive and dynamically rendered using React state and conditional logic
  • Library- Online Bookstore UI

    React, HTML, CSS, JavaScript

    A cleanly styled React app showcasing books by category with dynamic content, real-time price adjustments, and a persistent cart system for a smooth, user-friendly shopping experience.

      Key features include:
    • • Categorized listings, including “Discount” and “Featured” sections
    • • Dynamic rendering of book details, star ratings, and price formatting (with sale price display)
    • • Dedicated detail pages with title info and recommended books
    • • Add-to-cart updates to “Checkout” with consolidated quantities per title
    • • Persistent cart retains items and quantities across navigation
    • • Real-time cost updates keep the cart organized and clutter-free