User Account Management App

This is a React application built to allow users to create and manage their accounts. It provides functionality for user registration, login, and account information management.

🚀 Features

• User Registration: Allows new users to create an account by providing necessary information such as username, email, and password.
• User Login: Provides a login page for existing users to authenticate themselves and access their accounts.
• Account Management: Once logged in, users can view and edit their account information, such as username, email, and password.

🛠️ Technologies Used:

• React v16+

• React Router: For managing navigation and routing within the application.

• React Context API: For managing global state such as user authentication status.

• Local Storage API: For persisting user authentication tokens or other necessary data locally in the browser.

• Iconscout Library: For accessing and using icons within the application for better visual representation.

  

🛡️ Non functional Feature

• Route Protection: Ensures only authenticated users access sensitive pages, redirecting unauthorized users.
• Data Persistence: Securely stores user data locally, maintaining session continuity across browser sessions.
• Responsive Design: Ensures the application adapts and functions seamlessly across various devices and screen sizes.
• Robustness: Implements error handling, input validation, and security measures to ensure stable and secure user interactions.

🚀 Usage

• Please access the account management portal in your browser.

• Homepage: When you open the application, you will be directed to the homepage. This page contains links to the login and signup pages.

• Registration: Click on the "Signup" link on the homepage to create a new account. Fill in the required information and submit the form.

• Login: Alternatively, if you already have an account, click on the "Login" link on the homepage. Enter your credentials (username/email and password) on the login page and click "Login" to access your account.

• Account Management: Once logged in, you will be redirected to the account management page where you can view and edit your account information.

• Navigation: You can navigate between pages using the links provided in the application or the browser's back and forward buttons.

🛠️ Installation

Follow these steps to get a local copy of the project up and running on your machine:

1. Clone this repository:

   git clone https://github.com/ParthTiwa-ri/manage-user.git

2. Navigate to the project directory:

   cd manage-user

3. Install dependencies:

   npm install

4. Start the development server with Vite:

   npm run dev

5. Open your browser and visit the development server link to view the application.

🖼️ Screenshots