Improve user authentication flow

.github/workflows/azure-static-web-apps-lively-dune-0b6b72f00.yml

@@ -0,0 +1,45 @@
+name: Azure Static Web Apps CI/CD
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    types: [opened, synchronize, reopened, closed]
+    branches:
+      - main
+
+jobs:
+  build_and_deploy_job:
+    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
+    runs-on: ubuntu-latest
+    name: Build and Deploy Job
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          submodules: true
+      - name: Build And Deploy
+        id: builddeploy
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_LIVELY_DUNE_0B6B72F00 }}
+          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
+          action: "upload"
+          ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
+          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
+          app_location: "/" # App source code path
+          api_location: "" # Api source code path - optional
+          output_location: "" # Built app content directory - optional
+          ###### End of Repository/Build Configurations ######
+
+  close_pull_request_job:
+    if: github.event_name == 'pull_request' && github.event.action == 'closed'
+    runs-on: ubuntu-latest
+    name: Close Pull Request Job
+    steps:
+      - name: Close Pull Request
+        id: closepullrequest
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_LIVELY_DUNE_0B6B72F00 }}
+          action: "close"

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}

Azure Static Web Apps.md

@@ -17,7 +17,7 @@ Before you can deploy the app to Azure, you need to build it.
 - Create a repository for your app on GitHub.
 - Run the app locally and view it via a browser.
 
-With the copy created locally, you’re all set to start working on your code and site. Now you’ll explore how to deploy your site to the cloud. You’ll use Azure Static Web Apps to host your site. Using Azure Static Web Apps will allow you to quickly post your web site to the world. You can explore more [Azure Tips and Tricks: Static Web Apps](https://docs.microsoft.com/en-us/shows/azure-tips-and-tricks-static-web-apps/) to learn more. 
+With the copy created locally, you’re all set to start working on your code and site. Now you’ll explore how to deploy your site to the cloud. You’ll use Azure Static Web Apps to host your site. Using Azure Static Web Apps will allow you to quickly post your web site to the world. You can explore more [Azure Tips and Tricks: Static Web Apps](https://docs.microsoft.com/en-us/shows/azure-tips-and-tricks-static-web-apps?wt.mc_id=studentamb_202028) to learn more. 
 
 Next, open Visual Studio Code then Open Folder in the editor.
 
@@ -80,8 +80,9 @@ With your app deployed, Let's pushed your code to GitHub. You can push it in mul
 6) Navigate to Actions in GitHub and view your web app’s build progress
 7) When the build is complete, refresh your app and the changes should be reflected
 
-### Note: If you want to host your app which is build using framework then follow this [Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps](https://docs.microsoft.com/en-us/learn/modules/publish-app-service-static-web-app-api/2-exercise-get-started?pivots=react)
+### Note: If you want to host your app which is build using framework then follow this [Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps](https://docs.microsoft.com/en-us/learn/modules/publish-app-service-static-web-app-api/2-exercise-get-started?wt.mc_id=studentamb_202028)
 
 ## Resource
-[Azure Static Web Apps](https://docs.microsoft.com/en-us/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=academic-56895-chnoring)
-
+Learn more ways of using Azure Static Web Apps: [Azure Static Web Apps](https://docs.microsoft.com/en-us/learn/modules/publish-app-service-static-web-app-api?wt.mc_id=studentamb_202028)
+
+Checkout [Azure Static Web Apps documentation](https://learn.microsoft.com/en-us/azure/static-web-apps/?wt.mc_id=studentamb_202028) to see how it can help you out in your web development journey.

CONTRIBUTING.md

@@ -1,3 +1,14 @@
+# Welcome to HacktoberFest 2023
+
+<div align="center">
+<img src="https://user-images.githubusercontent.com/52650290/192514718-be2d966f-6335-474a-8fbf-1704b87aefe6.jpg" alt="hacktoberfest"/>
+</div>
+
+Hacktoberfest is for everyone. It is a month-long celebration from October 1st - 31st sponsored by Digital Ocean and GitHub to get people involved in [Open Source](https://github.com/open-source). Create your very first pull request to any public repository on GitHub and contribute to the open source developer community.
+
+If you haven't register yet so register now: https://hacktoberfest.com/
+
+
 <!-- omit in toc -->
 # Contributing to Simple Library Management
 
@@ -15,6 +26,7 @@ All types of contributions are encouraged and valued. See the [Table of Contents
 ## Table of Contents
 
 - [I Have a Question](#i-have-a-question)
+- [Basics of Git & Github](#basics-of-git-and-github)
 - [I Want To Contribute](#i-want-to-contribute)
   - [Reporting Bugs](#reporting-bugs)
   - [Suggesting Enhancements](#suggesting-enhancements)
@@ -53,6 +65,94 @@ Depending on how large the project is, you may want to outsource the questioning
 - Forum
 -->
 
+## Basics of Git and GitHub
+
+### Git & GitHub
+
+Before we proceed, it's better to know the difference between Git and Github. Git is a version control system (VCS) that allows us to keep track of the history of our source code , whereas GitHub is a service that hosts Git projects. 
+
+We assume you have created an account on Github and installed Git on your System.
+
+Now enter your name and E-mail (used on Github) address in Git, by using following command.
+
+`$ git config --global user.name "YOUR NAME"`
+` $ git config --global user.email "YOUR EMAIL ADDRESS"`
+This is an important step to mark your commits to your name and email.
+
+<br />
+
+### Fork a project
+
+You can make a copy of the project to your account. This process is called forking a project to your Github account. On Upper right side of project page on Github, you can see -
+
+<p align="center">  <img  src="https://i.imgur.com/P0n6f97.png">  </p>
+Click on fork to create a copy of project to your account. This creates a separate copy for you to work on.
+
+<br />
+
+<br />
+
+### Clone the forked project
+
+You have forked the project you want to contribute to your github account. To get this project on your development machine we use clone command of git.
+
+`$ git clone https://github.com/samipak458/Simple-Library-Managment.git` <br/>
+Now you have the project on your local machine.
+
+<br />
+
+### Add a remote (upstream) to original project repository
+
+Remote means the remote location of project on Github. By cloning, we have a remote called origin which points to your forked repository. Now we will add a remote to the original repository from where we had forked.
+
+`$ cd <your-forked-project-folder>`
+`$ git remote add upstream https://github.com/samipak458/Simple-Library-Managment.git` <br/>
+You will see the benefits of adding remote later.
+
+<br />
+
+### Synchronizing your fork
+
+Open Source projects have a number of contributors who can push code anytime. So it is necessary to make your forked copy equal with the original repository. The remote added above called Upstream helps in this.
+
+`$ git checkout main`
+`$ git fetch upstream`
+`$ git merge upstream/main`
+`$ git push origin main` <br/>
+The last command pushes the latest code to your forked repository on Github. The origin is the remote pointing to your forked repository on github.
+
+<br />
+
+### Create a new branch for a feature or bugfix
+
+Usually, all repositories have a main branch that is regarded to be stable, and any new features should be developed on a separate branch before being merged into the main branch. As a result, we should establish a new branch for our feature or bugfix and go to work on the issue. 
+
+`$ git checkout -b <feature-branch>`
+This will create a new branch out of master branch. Now start working on the problem and commit your changes.
+
+`$ git add --all`
+`$ git commit -m "<commit message>"`
+The first command adds all the files or you can add specific files by removing -a and adding the file names. The second command gives a message to your changes so you can know in future what changes this commit makes. If you are solving an issue on original repository, you should add the issue number like #35 to your commit message. This will show the reference to commits in the issue.
+
+<br />
+
+### Push code and create a pull request
+
+You now have a new branch containing the modifications you want in the project you forked. Now, push your new branch to your remote github fork. 
+
+`$ git push origin <feature-branch>`
+Now you are ready to help the project by opening a pull request means you now tell the project managers to add the feature or bug fix to original repository. You can open a pull request by clicking on green icon -
+
+<p align="center">  <img  src="https://i.imgur.com/aGaqAD5.png">  </p>
+
+Remember your upstream base branch should be main and source should be your feature branch. Click on create pull request and add a name to your pull request. You can also describe your feature.
+
+Fantastic! You've already made your first contribution.🥳
+
+#### BE OPEN!
+
+#### Happy Coding 👩‍💻👩‍💻
+
 ## I Want To Contribute
 
 > ### Legal Notice <!-- omit in toc -->

contact.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<!-- Created By CodingLab - www.codinglabweb.com -->
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8">
+    <title> Responsive Contact Us Form  | CodingLab </title>
+    <link rel="stylesheet" href="./css/contact.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
+     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+   </head>
+<body>
+  <div class="container">
+    <div class="content">
+      <div class="left-side">
+        <div class="address details">
+          <i class="fas fa-map-marker-alt"></i>
+          <div class="topic">Address</div>
+          <div class="text-one">Surkhet, NP12</div>
+          <div class="text-two">Birendranagar 06</div>
+        </div>
+        <div class="phone details">
+          <i class="fas fa-phone-alt"></i>
+          <div class="topic">Phone</div>
+          <div class="text-one">+0098 9893 5647</div>
+          <div class="text-two">+0096 3434 5678</div>
+        </div>
+        <div class="email details">
+          <i class="fas fa-envelope"></i>
+          <div class="topic">Email</div>
+          <div class="text-one">[email protected]</div>
+          <div class="text-two">[email protected]</div>
+        </div>
+      </div>
+      <div class="right-side">
+        <div class="topic-text">Send us a message</div>
+        <p>If you have any work from me or any types of quries related to my tutorial, you can send me message from here. It's my pleasure to help you.</p>
+      <form action="#">
+        <div class="input-box">
+          <input type="text" placeholder="Enter your name">
+        </div>
+        <div class="input-box">
+          <input type="text" placeholder="Enter your email">
+        </div>
+        <div class="input-box message-box">
+            <input type="text" placeholder="Enter your message">
+        </div>
+        <div class="button">
+          <input type="button" value="Send Now" >
+        </div>
+      </form>
+    </div>
+    </div>
+  </div>
+</body>
+</html>

css/bootstrap/_media.css

@@ -0,0 +1,12 @@
+.media {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start; }
+
+.media-body {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1; }

css/bootstrap/utilities/_stretched-link.css

@@ -0,0 +1,10 @@
+.stretched-link::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  pointer-events: auto;
+  content: "";
+  background-color: rgba(0, 0, 0, 0); }