This simple login-log out web app was created as part of my Code First Girls Degree. The app is built using React and is a great starting point for learning about React state management and basic authentication concepts.
- Login Page: Enter your username and password to log in.
- Successful Login Page: A welcome message is displayed upon successful login, along with a button to log out.
- Unsuccessful Login Page: In case of unsuccessful login attempts, an error message is shown, and users can return to the login page.
- Node.js installed
- Code editor of your choice (e.g., Visual Studio Code )
git clone https://github.com/Lain3y/login-app-hw3
cd login-app-hw3
npm install
-
Open your terminal or command prompt.
-
Navigate to the project directory using the following command:
cd login-app-hw3
(Replace "login-app-hw3" with the actual name of your project directory.) -
Start the application by running:
npm start
This will automatically open the app in your default browser athttp://localhost:3000
. -
Enter the preset username (
Kamara
) and password (coding23
) to log in. -
If the login is successful, you will be directed to a welcome page. Click the "Click here to sign out" button to log out.
-
If the login is unsuccessful, an error page will appear. Click the "Return to login" button to try again.
If you wish to change the preset username and password, you can do so by modifying the handleLogin
function in the App.js
file.
File | Link |
---|---|
Video | View here |
Screenshots | View here |
This project was developed as part of the Code First Girls coursework. Thanks to Code First Girls for providing valuable learning opportunities.