Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ruchipriya1009/profile_view

Implement a user authentication system with login, signup, and user profile update & Upload functionalities, focusing on data validation, security, and user-friendly interfaces.
https://github.com/ruchipriya1009/profile_view

apis cors css express javascript mongodb mongoose nodejs otp-verification reactjs tailwindcss

Last synced: about 1 month ago
JSON representation

Implement a user authentication system with login, signup, and user profile update & Upload functionalities, focusing on data validation, security, and user-friendly interfaces.

Awesome Lists containing this project

README

        

##User Management System with OTP Verification

## Overview

Develop a user authentication system with login and signup capabilities, incorporate OTP verification for enhanced security, and allow profile updates while ensuring robust data validation, password hashing, and user-friendly interface design.

#Deployed App
https://poetic-marzipan-598239.netlify.app/

#Demo Video Link

https://drive.google.com/file/d/1bnMG_bDGk3e7dpL0YR0mMvb_nQE7hjCs/view?usp=sharing

# Login Page:-

image

image

# Registration Page:-

image

image

image

# Password Verification:-

![image](https://github.com/ruchipriya1009/Profile_View/assets/105973023/36114f4a-a46f-4687-a80b-9279aca1e529)

# Forgot Password update:-
image

![image](https://github.com/ruchipriya1009/Profile_View/assets/105973023/9013f8d4-9789-4516-8bb9-65b1074a302b)

# Update & upload profile:-

![image](https://github.com/ruchipriya1009/Profile_View/assets/105973023/fda64848-64fb-4f74-883e-757a8e4b5f1b)

##Features

This website offers essential user management functionalities:

#Registration and Login:
-Users can register and log in securely.

#Password Reset:
-Users can reset their password via OTP sent to their registered email.

#Profile Update:
-Users can update their profile details and upload a profile photo.

#Additional Features:
-Explore more functionalities like managing preferences and viewing account activity.

##Features:

#Secure Authentication:
-Implement OTP-based login and password reset for enhanced security.

#Profile Management:
-Allow users to update personal details and upload profile photos.

#User-friendly Interface:
-Intuitive design for seamless navigation and interaction.

#Data Security:
-Ensure data encryption and secure storage practices.

## Technology Stack

#Frontend
- React.js
- Javascript
- Tailwindcss
- CSS
- React-Responsive

#Backend
- Mongodb
- express
- Node.js
- cors
- otp-verification
- Ethereal Mail

#Deployment
-backend(render)
-frontend(netlify)
-database (mongodb atlas)