React Signup Form 📜

A simple signup form built with React.js

Features ✨

  • Password Strength Checker & Meter: Real-time feedback on the strength of the chosen password based on 4 criteria:

    • is 5 or more characters long
    • contains a capital letter
    • contains a number
    • contains a special character(-$&+,:;=?@#!)


  • Mild Email Validation: Basic validation to ensure the email format is correct.

  • Cool Design: An attractive user interface inspired by a YouTube video from Fireship. Check out the inspiration.

Installation & Usage 🛠️

To get started with the React Signup Form, follow these steps:

  1. Clone the repository using git clone https://github.com/BeanyTheCoder/react-signup-form.git.

  2. Navigate to the project directory using cd react-signup-form.

  3. Install dependencies with npm install.

  4. Run the app with npm run dev.

Links 🔗

Live site link: here

Technologies Used 🛠️

  • React.js
  • HTML & CSS

License 📝

This project is licensed under the LICENSE.

Acknowledgments 🙏

  • Thanks to Fireship for inspiration for the design of the signup form.

  • Thanks to Haikei for the background image.

  • I used Glass css for the glassmorphic card

Contact 📧

For any questions or feedback, feel free to reach out to me at alexanderafoko@gmail.com.

Share this project:

Updates