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

Registration Forms for SignIn and SignUp with MongoDB Atlas
https://github.com/carevicm/registration-forms-with-database

axios bcrypt expressjs formik-yup html-css-javascript jwt-authentication lazy-loading midleware mongodb-atlas nodejs reactdom reactjs redux responsive-layout responsive-web-design suspend vitejs

Last synced: 3 months ago
JSON representation

Registration Forms for SignIn and SignUp with MongoDB Atlas

• Host: GitHub
• URL: https://github.com/carevicm/registration-forms-with-database
• Owner: carevicm
• Created: 2023-10-27T21:49:40.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-30T00:15:33.000Z (over 2 years ago)
• Last Synced: 2025-02-14T20:42:36.598Z (about 1 year ago)
• Topics: axios, bcrypt, expressjs, formik-yup, html-css-javascript, jwt-authentication, lazy-loading, midleware, mongodb-atlas, nodejs, reactdom, reactjs, redux, responsive-layout, responsive-web-design, suspend, vitejs
• Language: JavaScript
• Homepage: https://clipchamp.com/watch/ucTKQ5essqX
• Size: 275 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
 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. The backend is powered by Node.js and Express, 

and integrates middleware for added security, utilizing MongoDB Atlas with Mongoose for efficient data storage and management. 

The implementation showcases advanced user authentication mechanisms, error handling, rate limiting, and CORS setup, offering a highly scalable and robust system.

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.

Password Management: Provides mechanisms for users to change their passwords seamlessly.

Account Deletion: Users can permanently delete their accounts, ensuring data privacy and compliance.

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

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.

Rate Limiting: Ensures protection against brute force attacks or spammed requests.

Advanced User Authentication: Features JWT for token generation and management, bcrypt for password hashing and validation, and custom error handling for seamless user experience.

Structured Middleware: Implements middleware functions for error handling and authentication checks.

Skills:

UI/UX Design

Responsive Development

Data Validation

Security & Authentication

Backend API Development

Error Handling

Middleware 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+)

JWT (JSON Web Tokens)

Bcrypt Hashing

dotenv (Environment Variable Management)

CORS (Cross-Origin Resource Sharing)

Express Rate Limiting

Morgan (HTTP Request Logger)

Cookie-parser

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