tswmy / login-form

1 stars 0 forks source link

Assignment Project

Elevate Your Experience: Choose Your Team and Securely Store Your Responses!

Overview:

Our project encompasses a comprehensive user management system, facilitating user registration, login, and submission of responses—specifically, the selection of a team. These responses are systematically stored within a secure, locally hosted database.

Key Features

Languages used:

  1. HTML
  2. CSS
  3. JAVASCRIPT

Library

  1. REACT JS

Installation and Execution Guide:

Follow these steps to seamlessly install and run the project on your local environment:

Prerequisites:

  1. Node.js and npm
  2. Git

Installation:

Run the following commands in the command prompt

Screenshot (199)

The project will be accessible at http://localhost:8000.

Getting Started:

  1. User Registration: Access the registration page and enter the required information to successfully register as a new user.

  2. Login: Log in using the provided username and password credentials entered during the registration process.

  3. Home Page: Upon successful login, you will be redirected to the home page.

  4. Team Selection: Choose from two available teams.

  5. Dynamic Question Display: After selecting a team, the page will dynamically present questions tailored to the chosen team, showcasing its specific features.

  6. Completion: Congratulations! You are now successfully registered, logged in, and engaged with the selected team's content.

Screenshots:

Screenshots: Explore the visual highlights of our application through the following screenshots:

  1. Registration Page:

Screenshot (200)

  1. Login Page:

Screenshot (201)

  1. Home Page:

Screenshot (202)

  1. Team Selection:

Screenshot (203)

  1. Dynamic Questions Display:

Screenshot (204)

Screenshot (205)

Credits

This software uses the following open-source packages: