Skip to content

Govind-553/Login-Signup-using-ReactJS-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

🌟 Responsive Login-Signup Page using ReactJS with Node.js Backend📱💻

Welcome to the Responsive Login-Signup Page project! This web application provides a sleek and
modern interface with a seamless user experience across all screen sizes, powered by React.js on the
frontend and Node.js on the backend. 🌐

🔑 Features

✨ Login & Signup:

  • Login: Securely access your account by entering your email and password.
  • Signup: Create an account with your name, email, and password.

✨ Responsive Design:

  • Optimized for mobile, tablet, and desktop devices.

✨ Backend Integration:

  • Server-side powered by Node.js and Express.js.
  • Data storage using MongoDB with Mongoose ORM for seamless database interactions.

✨ API Routes:

  1. Register: Handles new user registration.
  2. Login: Verifies user credentials and authenticates access.

✨ Interactive State Management:

  • Built using React's useState hook for smooth transitions between Login and Signup modes.

✨ User-Friendly UI:

  • Clean, modern interface for an excellent user experience.

🚀 Tech Stack

Frontend:

  • React.js: Component-based architecture for building interactive UIs.
  • JavaScript (ES6): Powering the logic behind the UI.
  • CSS3: Responsive and sleek styling.

Backend:

  • Node.js: Scalable JavaScript runtime for building the server.
  • Express.js: Fast and minimalist web framework for handling routes.
  • MongoDB: NoSQL database for storing user data.
  • Mongoose: Elegant MongoDB object modeling for Node.js.

📸 Preview

  1. Login Page: Enter credentials to access your account.
  2. Signup Page: Register a new account with essential details.
  3. Home Component: Users will be redirected upon successful login.

🙏 Acknowledgements

Special thanks to:
  • The React.js community.
  • Open-source contributors who make web development awesome!

📸 Live Demo

👉 Click below to visit the live demo!
Link: (https://login-signup-five-tau.vercel.app/)

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published