Hi, my name is

Trenton Avilla.

I am a Front-End Developer.

I like to design and build things for the web, with a focus on creating experiences that are both functional and engaging.

Recent Work

About Me

Hello! My name is Trent Avilla, and I love bringing ideas to life on the web. My journey into web development began several years ago when I started experimenting with building simple websites — and I quickly realized how much I enjoyed the process of combining design and code to create something people could interact with.

Since then, I’ve worked on a variety of projects from small, basic web apps to more complex websites and designs. What keeps me hooked is the challenge of creating intuitive, user-friendly experiences that not only look good, but feel great to use.

Lately, I’ve been focused on building responsive and accessible web experiences using Astro — continually learning and evolving with each new project.

myself

Experience

Programming Languages

The languages that I primarily speak:

  • HTML
  • CSS
  • JavaScript

Developer Tools

Some tools that I often use in my projects:

  • Astro
  • Svelte
  • React
  • Tailwind CSS
  • Figma
  • Git
  • GitHub
  • VSCode
  • Vite
  • Pixelmator Pro
  • Motion

Front-End Skills

Other skills and techniques I work with:

  • Flexbox
  • Grid
  • RESTful APIs
  • Mobile-First Design
  • Web Performance Optimization
  • SEO Fundamentals
  • Accessibility

Some Recent Projects

  • Weather App

    Weather App

    Responsive weather application built with React that fetches real-time conditions, forecasts, and location data from a weather API.

    • RESTful API
    • React
  • Ableton Replica

    Ableton Replica

    A pixel-perfect front-end recreation of the Ableton homepage using HTML, CSS Grid, and JavaScript for interactive elements.

    • HTML
    • CSS
    • Grid
    • JavaScript
  • Monstercat Replica

    Monstercat Replica

    Responsive clone of the Monstercat music website built with TailwindCSS and Flexbox, focusing on having a clean and responsive layout.

    • TailwindCSS
    • Flexbox
    • Responsive Design
  • Deplace Replica

    Deplace Replica

    Recreation of the Deplace homepage featuring a gooey cursor effect and smooth CSS animations for a modern UI experience.

    • CSS
    • JavaScript
    • Custom Cursor
  • NJA Architecture

    NJA Architecture

    Front-end recreation of the NJA Architecture homepage using React and React Router, showcasing a clean layout with modern grid styling.

    • React
    • React Router
    • Grid
  • Monogram Replica

    Monogram Replica

    Responsive design clone of the Monogram site utilizing CSS Grid and Flexbox for a clean, organized layout.

    • HTML
    • CSS
    • Grid
    • Responsive Design
  • Bonsai Replica

    Bonsai Replica

    Front-end replica of the Bonsai homepage featuring semantic HTML, CSS styling, and interactive JavaScript components.

    • HTML
    • CSS
    • JavaScript
  • Blog Website

    Blog Website

    A personal learning journal website built with semantic HTML and CSS Grid, showcasing posts in a clear, readable layout.

    • HTML
    • CSS
    • Grid
  • Meme Generator

    Meme Generator

    Create custom memes by adding top and bottom text to popular images. Fetches meme templates dynamically using an external API.

    • React
    • RESTful API
  • Quiz App

    Quiz App

    Interactive trivia app that pulls questions from an API, tracks your score, and provides immediate feedback on answers.

    • React
    • RESTful API
  • Movie Search

    Movie Search

    Search for movies using the OMDb API and view detailed info including ratings, runtime, and plot summaries in a clean interface.

    • RESTful API
    • JavaScript
  • Color Generator

    Color Generator

    Generates random HEX color codes you can click to copy. Simple and efficient tool for quick color picking.

    • JavaScript
    • CSS
  • Tenzies Game

    Tenzies Game

    Classic dice game implemented in React with state management and conditional rendering for game logic and UI updates.

    • React
    • Vite
    • Conditional Rendering
  • Snake Game

    Snake Game

    A fun tutorial recreating the retro-style snake game built with vanilla JavaScript, HTML, and CSS, featuring smooth controls and increasing difficulty.

    • HTML
    • CSS
    • JavaScript
  • Todo App

    Todo App

    Simple and clean todo list app created with React and styled using TailwindCSS for responsive, user-friendly task management.

    • React
    • TailwindCSS
  • GitHub Profile Search

    GitHub Profile Search

    GitHub profile search app built with JavaScript that uses the GitHub API to fetch and display user profiles and repositories in a clean, interactive interface.

    • RESTful API
    • JavaScript
  • Weather App

    Weather App

    Responsive weather application built with React that fetches real-time conditions, forecasts, and location data from a weather API.

    • RESTful API
    • React
  • Ableton Replica

    Ableton Replica

    A pixel-perfect front-end recreation of the Ableton homepage using HTML, CSS Grid, and JavaScript for interactive elements.

    • HTML
    • CSS
    • Grid
    • JavaScript

Need Some Help?

Let's Connect

Have a project in mind, a freelance gig, or just want to chat? I'd love to hear from you. Let’s build something together.

Reach Out