regal-shabazz Goto Github PK

3-column-card

alx-frontend

alx-frontend-javascript

alx-interview

article-preview-component

This article preview component is based on a given design. The component is responsive and displays social media share links when the share icon is clicked. The project requires JavaScript only to initiate the share options.

barb

A responsive barbing saloon website built with JavaScript, featuring interactivity for an immersive user experience. The website includes dynamic features such as interactive menus, booking forms, photo galleries, and customer reviews.

base-apparel-product-preview-component

This task is to build a "coming soon" page that closely matches a provided design. The page should be responsive, adjusting to different screen sizes, and include hover states for interactive elements. The form should display an error message if the input field is empty or the email address is not formatted correctly.

counterapp

This is a basic counter app that can be used for simple activities that require a count keep. It is responsive and functional.

faq-accordion-card

The goal is to create a FAQ accordion, while ensuring the component is responsive and provides hover states for interactive elements on the page. Additionally, the card should allow users to hide/show the answer to a question by clicking on the question.

fylo-dark-theme-landing-page

This is a responsive landing page adaptive to different screen sizes. It include hover states for interactive elements on the page.

intro-component-with-sign-up-form

This is a responsive page with input validation, optimized for different screen sizes and all interactive elements have hover states. The email submission form includes error messages that inform users if they forget to fill out a required field or provide an incorrectly formatted email. The error messages are specific so users know what to correct

intro-section-with-dropdown-navigation

This is a responsive intro-section optimized for mobile and desktop views. The drop-down menu can be viewed when interacting with the navigation links and all hover states can be seen for all elements on the page.

js-technical-documentation-page

A responsive JavaScript technical documentation page with minimal media queries: https://regal-shabazz.github.io/js-technical-documentation-page/

login-form

A simple login page without any major CSS styling.

login-page

A practice login page with CSS styling.

loopstudios-landing-page

This a responsive interactive landing page, optimized for mobile and desktop views. It also includes hover states for all interactive elements on the page, enhancing the user experience. The code is written in HTML, CSS, and JavaScript and is available for anyone to use or contribute to.

mock-notifications-page

The page is designed to closely match a given design and includes features such as the ability to distinguish between read and unread notifications, mark all as read, and responsive design for optimal viewing on different screen sizes. The code also includes hover and focus states for all interactive elements on the page.

mock-survey-form

This is a mock survey form inspired by the freeCodeCamp Survey Form (https://survey-form.freecodecamp.rocks/). Click here to view result: https://regal-shabazz.github.io/mock-survey-form/

neomorphism-faq-accordion

This is a responsive FAQ accordion card. The neomorphism effect gives the overall design a slick and the entire project is built with HTML and CSS only.

news-homepage

This is a mock News website homepage. The task is to replicate the design in the /design folder as closely as possible and ensure that users can view the optimal layout for their device's screen size. In addition, all interactive elements should have hover and focus states.

nft-card-component-2

My second attempt at coding this challenge from frontendmentor.io with my focus on writing a cleaner code.

nft-preview-card

ogechichukrsvp

ping-coming-soon-page

This responsive landing page allows users to submit their email address. The page layout is optimized for different screen sizes, and all interactive elements have hover states. The email submission form includes error messages that inform users if they forget to add their email or provide an incorrectly formatted email address.

qr-code-page

quiz-app

sign-up-form

A simple sign-up form without any major CSS styling.

splittertipcalculator

stat-preview-card-component

sunnysideagency

This is a simple responsive landing page with animations and JavaScript functionality.