smilewithkhushi / BasicNative

A set of beginner friendly mini projects built with React Native. Participating in GSSoC. Open to contributors
17 stars 36 forks source link

💡[Feature]: adding login logout feature #121

Open itznayan opened 1 day ago

itznayan commented 1 day ago

Is there an existing issue for this?

Feature Description

The Login/Logout feature will allow users to authenticate themselves using a username/email and password (or third-party authentication like Google, Facebook, etc.). Upon successful login, the app will store the user’s session securely, enabling the user to access personalized content, data, and features. The user can log out at any time, which will terminate the session and prevent unauthorized access to the app's sensitive features.

Use Case

Login: A returning user opens the app and is presented with the login screen. They input their username and password (or use a third-party service) to authenticate. Once logged in, the app shows personalized data such as their profile information, saved preferences, or user-specific content.

Logout: After using the app, the user decides to log out. They tap the "Logout" button, which ends their session, ensuring that no personal data is accessible to others who may use the app on the same device.

Persistent Session: The user logs in once, and the app remembers their session for future launches, meaning they won’t have to log in every time they open the app unless they manually log out.

A login screen for users to enter their credentials. A session management system that securely handles user data (e.g., using secure storage or token-based authentication like JWT). A logout button/option in the app’s UI that allows users to end their session. Use Case

Benefits

Security: The login/logout feature ensures that user data and sensitive features are protected by restricting access to authenticated users only. This is crucial for apps handling personal information or private data.

Personalization: After logging in, users can access personalized content such as saved preferences, user profiles, and previously stored data.

User Retention: Users are more likely to return to the app when they have secure, personalized experiences. Having accounts can also help track user engagement and provide more targeted content or services.

Data Management: It allows for easier management of user-specific data, helping you store and access user-specific data, history, and preferences.

Third-Party Integrations: With social logins (Google, Facebook, etc.), onboarding becomes smoother and faster, reducing friction for new users.

Add ScreenShots

Screenshot_2024-10-07-17-10-03-322_host exp exponent Screenshot_2024-10-07-17-10-00-929_host exp exponent

Priority

High

Record

github-actions[bot] commented 1 day ago

Congratulations, @itznayan! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

BhavikaPachauri commented 1 day ago

I would like to work on it.

Sawan-Kushwah commented 11 hours ago

I want to work on this as i have work on a react js app where i authenticate the user by otp and build a clear clean ui

refrence : https://sawanauthportal.netlify.app/