Select Page

Websites

Screenshot from a website titled "CraveWise", with images of food underneath.

This is an unfinished concept website for my friend’s jewlery business, Funky Fresh Designs. I made this using WordPress and Elementor Pro.

It’s currently under construction.

Site Link

 

Recently, a team and I from the Website Design/Development Society had the chance to create wireframes and ideas in Figma for a company looking to redo their website. The images aren’t all my doing, however I was tasked with creating color scheme, and I helped out in the creation of the desktop and mobile wireframes. Lastly, I also put together ideas for the collapsible photocard collage.

Figma Link 1

Figma Link 2

 

Screenshot from a website titled "CraveWise", with images of food underneath.

A website dedicated to sharing healthy alternatives to popular junk foods. I coded this from scratch using HTML, CSS, and JavaScript.

Site link

GitHub link

Screenshot of website titled "Salon Ryann Rose" with a pile of textbooks underneath.

A fake website created for Ryann (owner of Salon Ryann Rose, a mobile hair salon). I coded this from scratch using HTML, CSS, and JavaScript.

Site link

GitHub link

Screenshot of a website called "Green Spaces" with an image of nature.

In 2022 my team of 4 competed in a website design competition hosted by the BPA. This site won us the state competition (held in Boise, Idaho) and then eventually the national competition (held in Dallas, Texas). My team and I collaboratively created the theme and overall design, but I specifically worked on the water page. This was made from scratch using HTML, SCSS, and Javascript.

Site link

Github link

Screenshot of website called "Midlothian Commerce Center".

Fake chamber of commerce site for my hometown. I coded this from scratch using HTML, CSS, and JavaScript.

Site link

Github link

Screenshot of a website called "CSS Zen Garden" with a background of outer space and the moon.

A team of 2 others and I took on the CSS Zen Garden Challenge, which entails downloading a barebones HTML file and creating a unique looking webpage using ONLY CSS. This was quite a challenge, and because of our slightly unrealistic aspirations, we weren’t able to turn it into how we envisioned. Despite this, I’m proud with what we were able to do with CSS alone.

This page is LittleBigPlanet themed.
(Note that this page isn’t responsive, so it doesn’t look great in smaller views)

Site link

GitHub link

Smaller code projects

Collage of images of an anime man.

Practice creating a responsive and randomized image grid layout.

Site link

GitHub link

Instagram logo.

Practice using CSS to create complicated designs.

Site link

GitHub link

A table of information regarding sales and money.

A simple table made from HTML and CSS for practice

Site link

GitHub link

Text inside a black hole.

I made this 2-page site for fun as an anniversary gift for my partner. It’s a bit personal, but I was so proud of what I was able to put together.

For the first page, the stars twinkling is not entirely my own code. The effects that follow the cursor on the second page is not my code.

Site link

GitHub link

A hamburger menu.

Practice animating a sliding menu bar in CSS

Site link

GitHub link