Hi, my name is Elizabeth AfolabiYou can call me Betty

I develop the front end of websites.

I specialise in creating user-friendly, responsive websites with HTML, CSS, JavaScript, Next Js and React. With a solid basis in TypeScript and experience styling with Material-UI and Tailwind CSS, I add a refined touch to each project. Currently increasing my skill set to include software testing, I navigate the coding landscape using tools such as VSCode to ensure seamless and strong web applications.

More About Me

My Projects

⭐ Click on the pictures to go to the hosted site of the projects

⭐ Click on the colored names to view the codes on Github

Decentralised Trading Platform

Quotex Landing Page

Quotex is a decentralised perpetual trading platform that utilises the ICP blockchain technology to give seamless trading experience for all users. Asubmission to the DECAHACK initiative which emerged as one of the top three submission and I worked on the landing page. Click on Quotex LandingPage to view the codes on Github

Technologies used include:

  • React + Vite
  • TypeScript
  • Material UI
  • Git
  • Github

Boomplay Clone

Music Player

Boomplay is a music app that I along nine female developers cloned the landing page with just HTML and CSS. I'm very proud of this project because I was able to build/work on a project as a team. Git and Github were utilised extensively for the collaboration of this project. I worked on the footer audiocontrol aspect of the project and also the responsiveness of the app. Click on BoomplayClone to view the codes on Github

Technologies used include:

  • HTML
  • CSS
  • Git
  • Github

MUI Library

ClearLink Demo

This is a Web Page for a media company that I built with Material UI ClearLink

Technologies used include:

  • React
  • JavaScript
  • MUI
  • Vite
  • Github

Web Store

E-Commerce Store

This is a fake online store where users can shop for wears. jewelries and electronics. Store data is gotten from the fake online store API, and users can shop per category of the product DevDivas-Store

Technologies used include:

  • HTML
  • JavaScript
  • CSS
  • Github
  • VSCode

React Form Library

Interactive Card Details

This is a project from Frontend Mentor where I validated the card inputs with react-hook-form library and learnt how to toggle between display mode with react and tailwind css. InteractiveCard

Technologies used include:

  • react-hook-form
  • JavaScript
  • Vite
  • Tailwind
  • Github

Form Validation

ReactForm

This is a simple SignUp form with validated inputs built with react ReactForm. I was able to sharpen my form validation skills using the React-Js framework through this project

Technologies used include:

  • React
  • Vite
  • JavaScript
  • CSS

Age Calculator

MyAge-App

myage is a react app that calculates the age of a person with animated countdown.

Technologies used include:

  • HTML
  • CSS
  • JavaScript

Styler

StyleHercl

Stylehercl is a clone of the welcome page of one of my favorite mobile games PocketStyler by NordCurrent. It's a fashion mobile app with some fashion tips which appears on click and I re-created it with JavaScript.

Technologies used include:

  • HTML
  • Tailwind CSS
  • JavaScript

NewsLetter SignUp Form

MyNewsLetter Solution

This is a Newsletter sign up form challenge from Frontend Mentor. I was able to strengthen my Javascript form validation skils through this challenge.NewsLetter

Technologies used include:

  • HTML
  • Tailwind CSS
  • JavaScript
  • Mobile-first workflow

Voting App

Votecast

This was my capstone project at hertechtrail academy and my first react project. It's a voting app that allows users to register for voting and vote their candidate of choice. Votecast

Technologies used include:

  • JavaScript
  • Tailwind CSS
  • React
  • CSS

The Dog App

Voggo

I built this WebApp that shows pictures of different breeds of dogs after learning about APIs. Voggo

Technologies used include:

  • HTML
  • CSS
  • Github
  • JavaScript

Social Proof Page

Challenge by Frontend Mentor

A social proof page challenge from Frontend Mentor where i was able to sharpen my skills on CSS Grid socialproof

Technologies used include:

  • HTML
  • CSS Grid
  • Flexbox

The Calculator

Betty-Calculator

This is a fun project built together in the Frontend Mastery Bootcamp whilst learning JavaScript Calculator

Technologies used include:

  • HTML
  • CSS
  • JavaScript

Marketing Project

Digital Marketing Webpage

This is a responsive digital marketing agency website i designed with pure HTML and CSS. Check it out here Digital

Technologies used include:

  • HTML
  • CSS
  • Github

The Table Project

HTML Table

I saw a table online and designed one myself by putting my HTML knowledge to use. And I named it Beable

Technologies used include:

  • HTML
  • CSS
  • Grid

Real Estate

Dreamflats Webpage

This is the first responsive webpage I built using media queries. It's a real estate site dreamflats, where people can check for renting apartments

Technologies used include:

  • HTML
  • CSS
  • Github

First Project

Package tracker Landing page

This project is about creating a landing page for an online package tracker called Cahyo. I'm proud of it because that's the first landing page I built by myself from scratch and it isn't perfect but it feels pretty amazing.

Technologies used include:

  • HTML
  • CSS

Contact me

I'm always interested in hearing about new designs and ways to accomplish them working with different people on a project.

Email me