Portfolio

You can find some of the projects I have worked on here.

All
Web design
App development
Site building

Custom Error404

Custome Error404 Page

Project Description

Here, I designed a custom 404 error page so that whenever a client clicks a wrong link, they are redirected to the home page.

I drew inspiration from Disney's 404 error page. Using HTML and CSS, I built a responsive structure and hosted it on Netlify.

Click Here

Web Design

Signup Form

Project Description

I built a nice-looking signup page for a spa using HTML and CSS.

I made sure the page looks good on phones and computers, and I put it online for everyone to see on Netlify.

Click Here

Web Design

A simple landing page

Project Description

In this project, I crafted a sleek, responsive landing page for a spa, utilizing the power of HTML and CSS. My design approach centered on creating an inviting and user-friendly interface, with particular emphasis on the navigation bar, body, and footer sections. This meticulous attention to detail ensures a seamless and aesthetically pleasing experience for users, enhancing the spa's online presence and appealing to potential clients.

I enhanced the page's responsiveness to ensure it looks stunning on any device, then deployed it on Netlify for smooth and reliable hosting.

Click Here

Site Building

SMoC Recipes

Project Description

This was my debut portfolio project: a recipe site designed to generate quick and easy meals specifically for busy moms with young kids. The objective was to create a user-friendly platform that offers nutritious and simple recipes, helping moms save time and make mealtime stress-free.

This project was a highlight of our ALX Foundation portfolio. As a dynamic team of three women—Comfort, Sandra, and myself—we collaborated to create something truly special. Our combined efforts and diverse perspectives resulted in a polished, impactful final product that showcased our skills and teamwork.

Click Here

App Development

Dice Challenge

Project Description

This project was my first big attempt at using JavaScript. The goal was to make the dice change whenever a player clicked a button. The player with the higher number wins.

This was a personal project, so it’s not available on Netlify.

Web Design

Resume

Project Description

This project was my first venture into HTML, where I set out to create my resume using only HTML.

It was fascinating to code my resume as a web document—who would have thought creating a resume could be so intriguing?

Site Building

Authorization Form

Project Description

While browsing the internet, I stumbled upon a Django document and thought, why not try a project? This led to creating an authentication form for users to log in.

Building this project was a lengthy process involving installations, setting up a virtual environment, and updating application packages. The successful outcome made me incredibly proud of myself.

Site Building

TinDog

Project Description

You won't believe this, LOL! We created a dog dating website using Bootstrap, and it turned out amazing!

Just like any dating site, I made pricing cards for profiles, added some sample clients, and polished the footer.

App Development

Chess Board

Project Description

In the quest to learn how CSS grid works, I found this coding challenge.

I used CSS grid to build this simple chessboard and it doesn't look so bad.

App Development

Mondrian Project

Project Description

Inspired by a painting, this challenge was fascinating—it showed me that you can code literally anything!

This project was a thrilling test of my CSS Grid skills, pushing me to new creative heights!

Site Building

Pricing Cards

Project Description

This challenge was an exciting opportunity to put my CSS Flexbox knowledge to the test!

The goal was to design compelling cards for customers to choose their perfect payment plan.