Some of my projects
Rafiki AI App
Curiosity made me build this app, I was watching a video on youtube where the youtuber was talking about openai API, and voila i decided to build something like chatgpt, I learnt a lot from working with API, to understanding layouts with tailwindcss.
Bookmark Landing Page
This was one of my first challenges on frontendmentor, I learnt a lot from responsive designs to how to move elements around, and how to layout a page, it was a very fun project.
Github User Search App
In this project, I learnt how to use the GitHub users API to pull profile data and display it. It's a great challenge if you're looking to practice working with a 3rd-party API.
Loop Studio Landing Page
This project challenged my understanding of css grid and how to place elements in the DOM (Absolute, Relative, Fixed), it was a fun project, really helped me strengthen my CSS knowledge
Connect Four Game
My JS knowledge was challenged in this fun project, I had to build a two-player game. I wrote the logic for the game and how to test for win conditions. I really had fun building this one, it was a tough one but you know what I finished it.
Dictionary app
In this project, I learnt how to integrate with the Dictionary API to create a real-world dictionary web app. Additional tests include colour themes and font selection, and the ability to listen to some words
Feature Feedback app
This is perfect portfolio piece! I learnt how to work with JSON, managing state, and building like a real-world app. It was a really fun project for me.
Pricing Component
In this project, I built out an interactive pricing component complete with custom range input slider and pricing toggle. A perfect way to test my JS skills!
Order Summary Component
A perfect project for newbies like myself when i started out learning to code frontend websites and web apps also for those who are starting to build confidence with layouts!
Single-Page Design Landing Page
This project really tested my layout skills, especially in making the site fully responsive. The skills grid was a perfect chance to practice CSS Grid.
Skilled Landing Page
This responsive page was a perfect place to start after learning the fundamentals of HTML & CSS, completed a couple of smaller projects, and want to take it up a notch. This was part of my first projects on frontendmentor
Tips Calculator
This small app is perfect for me starting to get to grips with JavaScript. The calculator functionality tested how i could use my javascript skills to maniplute the DOM
Todo app
The classic todo app with a few twists! This app includes a dark/light theme toggle and drag & drop reordering for anyone wanting an extra test.
News Home Page
This news homepage was an excellent opportunity to practice my CSS Grid skills. There were a lots of tricky decisions to make and plenty of learning opportunities!