Projects Directory

This repository serves as a directory that helps you easily navigate through my other repositories and view the various projects I have completed.

Collection of all projects

A - B - C - D - E - F - G - H - I - M - N - O - P- Q - R - S - T - U - W

A

• Ada Lovelace tribute page - a simple landing page with responsive design made with HTML, CSS & Vanilla JavaScript
• Advice generator -advice generator block made with HTML, CSS, Vanilla JavaScript & API
• Article preview - a simple article preview block made with HTML, CSS & Vanilla JavaScript

B

• Bankist - landing page made with HTML, CSS & Vanilla JavaScript
• Base apparel coming soon page - coming soon page made with HTML, CSS & Vanilla JavaScript

C

• Calculator - single page calculator website with theme switcher made with HTML, CSS, React & Styled Components
• Counter - interactive counter component made with HTML, CSS & Vanilla JavaScript
• COVID-19 awareness - a landing page with COVID-19 statistics made with HTML, CSS, Vanilla JavaScript & API
• Crowdfunding product page - landing page made with HTML, CSS & Vanilla JavaScript

D

• Data storage component - a single block of data storage component made with HTML & CSS

E

• Edgy - a social media marketing website made with HTML, Tailwind & React

F

• FAQ accordion card - FAQ block made with HTML, CSS & Vanilla JavaScript
• FAQ block - FAQ block made with HTML, CSS & Vanilla JavaScript
• Forkify - Forkify is a vanilla JavaScript application that interacts with the Forkify API to fetch and display recipe food data.
• Four card feature section - a simple four card feature section made with HTML & CSS
• Frontend Mentor challenge solutions - all my Frontend Mentor challenge solutions landing page made with HTML, Sass & Vue
• Fylo dark theme - landing page made with HTML, CSS & Vanilla JavaScript
• Fylo landing page with two column layout - landing page made with HTML, CSS & Vanilla JavaScript

G

• Giveaway countdown - giveaway countdown timer block made with HTML, CSS & Vanilla JavaScript
• Guess my number - number guessing game project made with HTML, CSS & Vanilla JavaScript

H

• Huddle - landing page with a single introductory section made with HTML & CSS

I

• Interactive rating component - interactive rating component made with HTML, CSS, Vanilla JavaScript
• IP address tracker - IP address tracker made with HTML, CSS, Vanilla JavaScript & API

M

• Mapty - a map application made with Vanilla JavaScript to store workouts like running and cycling.
• Modal window - a pop-up component made with HTML, CSS & Vanilla JavaScript

N

• NFT preview card - a single block of NFT preview card made with HTML & CSS

O

• Order summary - a single block of order summary made with HTML & CSS

P

• Personal portfolio - a web developer portfolio made with HTML, Sass & React
• Pick a random color - random color generator made with HTML, CSS & Vanilla JavaScript
• Pig dice game - a game made with HTML, CSS & Vanilla JavaScript
• Ping coming soon page - coming soon page made with HTML, CSS & Vanilla JavaScript
• Pizza Time - multi-page food e-commerce website made with HTML, CSS & React
• Precious - Currently available only locally. Precious is an e-commerce website that has at least 150 women's clothing products with different sizes and color choices. Built with React & GraphQL
• Pricing component - a simple pricing component made with HTML, CSS, Vanilla JavaScript
• Profile card - a single block of profile card made with HTML & CSS

Q

• QR code block - QR code component made with HTML & CSS

R

• Reviews slider - reviews slider made with HTML, CSS & Vanilla JavaScript

S

• Sign-up form - sign-up form with input validation with HTML, CSS & Vanilla JavaScript
• Single price grid - a single block of price grid made with HTML & CSS
• Social proof section - a simple social proof section component made with HTML & CSS
• Stats preview card - a single block of stats preview card made with HTML & CSS
• Sunny Side agency - landing page made with HTML, CSS & Vanilla JavaScript

T

• Testimonials grid section - testimonials component made with HTML & CSS
• Three column card component - a single block of 3-column card component made with HTML & CSS
• Travel with Catherine - photography portfolio made with HTML, Tailwind & React

U

• URL shortener - url shortening landing page made with HTML, CSS, Vanilla JavaScript & API
• Useful resources - a collection of different useful tool

W

• What to do - to do list made with HTML, CSS, React & Redux
• Where in the world - countries data page along with color theme switcher made with HTML, CSS, React & API