https://github.com/harshsinghmumbai/auth_credential_provider

In this Repo, I am Creating authentication and authorization using credential provider by Next.js Framework and with help of NextAuth.js
https://github.com/harshsinghmumbai/auth_credential_provider

authentication express-js modern nextauthjs nextjs14 reactjs shadcn-ui tailwindcss ui

Last synced: 3 months ago
JSON representation

In this Repo, I am Creating authentication and authorization using credential provider by Next.js Framework and with help of NextAuth.js

• Host: GitHub
• URL: https://github.com/harshsinghmumbai/auth_credential_provider
• Owner: harshsinghmumbai
• Created: 2024-07-01T10:06:26.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-03T06:50:32.000Z (over 1 year ago)
• Last Synced: 2025-01-30T05:43:27.899Z (over 1 year ago)
• Topics: authentication, express-js, modern, nextauthjs, nextjs14, reactjs, shadcn-ui, tailwindcss, ui
• Language: JavaScript
• Homepage: https://auth-credential-providers.vercel.app
• Size: 309 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Authentication Using Credential Provider

 
Added Authentication in this Project with email and password using NextAuth. Additionally, used MongoDB to store user details along with Tailwind CSS for designing the UI.


# Login page with Validation

![Screenshot (441)](https://github.com/user-attachments/assets/fb052292-897e-4bf7-8922-808dd73ef784)

# Register Page with Validation.

![Screenshot (443)](https://github.com/user-attachments/assets/91f9e450-d851-44d8-9fd0-b9ab85f50f37)

# User cannot register again using the same email address.

![Screenshot (444)](https://github.com/user-attachments/assets/eecf1125-d87f-417f-8f45-839581a70011)

# User Dashboard.

![screencapture-localhost-3000-dashboard-2024-11-02-12_15_29](https://github.com/user-attachments/assets/fc6022d6-ae72-4fcd-9e7a-b29f0ada9429)

# Feature of this Project



1. Fully Responsive Design. 

2. Dark Mode Option. 

3. Form with Validation. 

4. Loading Spinner and Attractive Notifications. 

5. Protect Routes such as Dashboard page etc. 

6. Register new User in MongoDB Database. 

7. User cannot register again using the same email address if its already Register in WebApp. 

8. User can Easily login in WebApp. 

9. Form with Confirm Password Field and also show and Hide password Icon.

10. User passwords are stored in the database in an encrypted format.