Front-End Projects

A collection of personal projects showcasing my skills and growth as a Front-End Developer. Click on an image for the live application or the link to visit GitHub repository.

Responsive

Task Master

Frontend application which connects to a backend application through API calls to power a task management application.

Tech: Next.js, React.js TypeScript, Tailwind CSS

Github Repo

Responsive

The Crash App

Web application for students to report hit-and-runs and earn rewards. Winner of Most Creative Project in Innovate 4 SDSU Hackathon 2025!

Tech: React.js, Tailwind CSS, Next.js, Forms, JSON files

Github Repo

Responsive

Pokedex Catalog

View the information of 891 Pokemons. Look them up, store them in your local storage, release them!

Tech: HTML, CSS, JavaScript, Data Structures

Github Repo

Poke-Photo Tag

Identify and tag Pokémon in an image with real-time scoring.

Tech: HTML, CSS, JavaScript, React.js, API

Github Repo

Whats Poppin?

Reddit-clone web application. Create an account, post, comment, and vote!

Tech: HTML, CSS, JavaScript, React.js, Google Firebase Firestore Database and Authentication

Github Repo

Responsive

Tic-Tac-Toe

Play tic-tac-toe against an unbeatable computer!

Tech: HTML, CSS, JavaScript, Recursion, Minimax Algorithm

Github Repo

Responsive

Blog Template

A front-end blog template featuring user authentication, post creation, and a message board with CRUD functionality.

Tech: HTML, CSS, JavaScript, React.js, React Router, REST API, Forms

Github Repo

Responsive

Members Only

A members-only message board where users can sign up, log in, and post messages, with restricted content visible only to authorized members.

Tech: HTML, CSS, JavaScript, Node.js, Express.js, MongoDB, Mongoose, Authentication

Github Repo

To Do List

A project management app for organizing tasks by projects, date, and priority.

Tech: HTML, CSS, JavaScript, ES6 Modules, Object Oriented Principles

Github Repo

Memory Card Game

A memory game where images shuffle on click, and repeating one resets progress.

Tech: HTML, CSS, JavaScript, React.js, State Management

Github Repo

Responsive

Library

A book library app for adding, removing, and updating book entries.

Tech: HTML, CS, JavaScript, React.js, DOM Manipulation

Github Repo

Rock, Paper, Scissors!

Reddit-clone web application. Create an account, post, comment, and vote!

Tech: HTML, CSS, JavaScript

Github Repo

Like What You See?

These projects showcase my approach to problem-solving and full-stack development. If you’re interested in building something together or have feedback, let’s talk.