Pinned Repositories
3-column-card
accept-or-decline
A RSVP website.
alx-frontend
alx-frontend-javascript
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
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.
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.
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.
splitterTipCalculator
wedding-website
This is a HTML CSS JS project intended for commercial use. Its a wedding website where users (wedding guests) can surf to getting details of the ceremony and particularly generate a gate pass.
regal-shabazz's Repositories
regal-shabazz/accept-or-decline
A RSVP website.
regal-shabazz/alx-frontend
regal-shabazz/alx-frontend-javascript
regal-shabazz/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.
regal-shabazz/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.
regal-shabazz/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.
regal-shabazz/CounterApp
This is a basic counter app that can be used for simple activities that require a count keep. It is responsive and functional.
regal-shabazz/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.
regal-shabazz/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
regal-shabazz/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.
regal-shabazz/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.
regal-shabazz/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.
regal-shabazz/splitterTipCalculator
regal-shabazz/wedding-website
This is a HTML CSS JS project intended for commercial use. Its a wedding website where users (wedding guests) can surf to getting details of the ceremony and particularly generate a gate pass.
regal-shabazz/alx-interview
regal-shabazz/funmi-50
Birthday website with database to collect birthday wish entries from users
regal-shabazz/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.
regal-shabazz/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.
regal-shabazz/js-technical-documentation-page
A responsive JavaScript technical documentation page with minimal media queries: https://regal-shabazz.github.io/js-technical-documentation-page/
regal-shabazz/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.
regal-shabazz/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/
regal-shabazz/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.
regal-shabazz/nft-card-component-2
My second attempt at coding this challenge from frontendmentor.io with my focus on writing a cleaner code.
regal-shabazz/ogechiChukRSVP
regal-shabazz/quiz-app
regal-shabazz/stat-preview-card-component
regal-shabazz/sunnySideAgency
This is a simple responsive landing page with animations and JavaScript functionality.
regal-shabazz/theOkafors24
regal-shabazz/theOkafors24mod
regal-shabazz/todoApp
A light-weight ToDo app with local storage undergoing modifications. Built with ReactJS