https://github.com/carevicm/registration-forms

Registrations Forms - Sign In and Sign Up
https://github.com/carevicm/registration-forms

axios bcrypt expressjs firebase formik-yup html-css javascript lazy-loading mognodb nodejs react-dom reactjs redux responsive-layout responsive-web-design suspense vitejs

Last synced: 3 months ago
JSON representation

Registrations Forms - Sign In and Sign Up

• Host: GitHub
• URL: https://github.com/carevicm/registration-forms
• Owner: carevicm
• Created: 2023-10-27T21:16:56.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-30T00:18:09.000Z (over 2 years ago)
• Last Synced: 2025-04-09T02:24:48.842Z (over 1 year ago)
• Topics: axios, bcrypt, expressjs, firebase, formik-yup, html-css, javascript, lazy-loading, mognodb, nodejs, react-dom, reactjs, redux, responsive-layout, responsive-web-design, suspense, vitejs
• Language: JavaScript
• Homepage: https://registration-forms-d9d10.firebaseapp.com/login
• Size: 699 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Registration-Forms

User Authentication System

Title: Fast & Secure User Authentication System

Description:

Built on the foundation of Vite.js, React.js, and styled with Tailwind.css, this project offers a sleek, responsive,

and user-friendly interface for both sign-in and sign-up processes. 

Backed by a robust Node.js and Express backend, it employs middleware for added security, 

utilizing MongoDB Atlas with Mongoose for efficient data storage and management.

The system allows users to seamlessly create accounts, delete them, or change their passwords, ensuring a comprehensive and intuitive user experience.

Features:

Dynamic Form Loading: Implements lazy loading to enhance performance during form rendering.

User Account Creation: Enables users to sign up using their email, phone number, and a secure password.

Tailored Input Experience: A dedicated phone number input component ensures consistent and structured data collection.

Password Strength Indicator: Provides real-time feedback on password strength, guiding users to set secure passwords.

Data Validation: Utilizes the power of Yup for comprehensive and custom validation on both client and server sides.

Regex Action Utility: An extra layer of password validation ensuring complexity and security.

Skills:

UI/UX Design

Responsive Development

Data Validation

Security & Authentication

Backend API Development

Tech Skills:

Vite.js

React.js

Tailwind.css

Node.js

Express.js

Middleware Integration

MongoDB Atlas

Mongoose ORM

Yup Validation

Lazy Loading

Regex Validation

ARIA Accessibility Standards

Formik Form Management

RESTful API Architecture

JavaScript (ES6+)

For a deeper dive into the codebase and to explore the structured folder layout, dive into the repository.