Babatunde Oshin (Regal Shabazz)'s Projects
A RSVP website.
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.
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.
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.
This is a basic counter app that can be used for simple activities that require a count keep. It is responsive and functional.
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.
Birthday website with database to collect birthday wish entries from users
This is a responsive landing page adaptive to different screen sizes. It include hover states for interactive elements on the page.
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
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.
A responsive JavaScript technical documentation page with minimal media queries: https://regal-shabazz.github.io/js-technical-documentation-page/
A simple login page without any major CSS styling.
A practice login page with CSS styling.
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.
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.
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/
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.
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.
My second attempt at coding this challenge from frontendmentor.io with my focus on writing a cleaner code.
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.
A simple sign-up form without any major CSS styling.