The-Odin-Project--Sign-up-Form

Instructions

This project is based on the Sign-up Form assignment from The Odin Project's Intermediate HTML and CSS course.

Purpose

The goal of this project was to design and build a sign-up form for a fictitious organization or business.

Preview

Technologies:

• JavaScript
• HTML
• CSS

Tools:

• Git
• Github

Outcome ☑️

I successfully created a sign-up form for the Illuminati, featuring a complete dark theme and advanced form input interactions using vanilla JavaScript, HTML, and CSS.

Website	Link
GitHub demo	https://jaredbradley243.github.io/The-Odin-Project--Sign-up-Form/

Summary

What I learned

1. Implementing a light/dark theme toggle using CSS Custom Properties.

2. Creating keyframe animations for engaging transitions.

3. Using pseudo-elements (::before and ::after) in conjunction with JavaScript events to enhance user interaction.

4. Enhancing my Flexbox skills, building upon previous learning from the Flexbox Crash Course and The Odin Project's Landing Page project.

Customizations

In addition to the project requirements, I added several features to challenge myself:

• An interactive toggle for dark and light color themes.
• Interactive form inputs enhanced with ::before and ::after pseudo-elements.
• Custom CSS animations that align with the Illuminati theme.

Areas for Improvement

• Responsive Design: The current webpage is not fully optimized for mobile devices. My next step is to improve the responsiveness to ensure a seamless experience across all device sizes.