add license and enhance readme

Author: Ashutosh-Bhadauriya

LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2024 Hanko GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -1,44 +1,99 @@
 # Hanko React-Express Starter
 
-This template shows how you can integrate Hanko with your React App (Vite) and protect routes using express.js middleware.
+This repo demonstrates how to integrate Hanko with React-Express application for authentication and user management.
 
-## Clone the repo
+Hanko is an open-source authentication and user management solution with a focus on moving the login beyond passwords while being 100% deployable today.
+
+- Built for [passkeys](https://www.passkeys.io) as introduced by Apple, Google, and Microsoft
+- Fast integration with Hanko Elements web components (login box and user profile)
+- API-first, small footprint, cloud-native
+
+## Prerequisites
+
+Before you begin, ensure you have the following:
+
+- Node.js installed (version 20.0.0 or later)
+- Hanko API URL from [Hanko Cloud](https://cloud.hanko.io/)
+
+> **Note:**
+> You'll need to create a Authentication Project on Hanko Cloud with the App URL `http://localhost:5173`. See our docs to learn how to setup a [auth project](https://docs.hanko.io/setup-hanko-cloud).
+
+## Getting started
+
+1. Clone the repository
 
 ```bash
 git clone https://github.com/teamhanko/hanko-react-express-starter.git
 ```
 
-## Get the Hanko API URL
-
-Get the API URL from [Hanko console](https://cloud.hanko.io/) and add it to `.env` file of both frontend and backend directory.
+#### Frontend
 
-## Run the project
-
-### Run Frontend
+1. Navigate to the frontend directory:
 
 ```bash
 cd hanko-react-frontend
 ```
 
+2. Create a `.env` file in the frontend directory (`hanko-react-frontend`) and add the following environment variable:
+
+```sh
+VITE_HANKO_API_URL=your-hanko-api-url
+```
+
+3. Install the frontend dependencies using your preferred package manager (e.g., `npm`, `pnpm`, `yarn`, or `bun`). For this project, we've used `pnpm`:
+
 ```bash
 pnpm install
 ```
 
+4. Start the frontend development server:
+
 ```bash
-pnpm run dev
+pnpm dev
 ```
 
-### Run Backend
+#### Backend
+
+1. Navigate to the backend directory:
 
 ```bash
 cd express-server
 ```
 
+2. Create a `.env` file in the backend directory (`express-server`) and add the following environment variable:
+
+```sh
+HANKO_API_URL=your-hanko-api-url
+```
+
+3. Install the backend dependencies:
+
 ```bash
 pnpm install
 ```
 
+4. Start the backend server:
+
 ```bash
-pnpm run dev
+pnpm dev
 ```
 
+## Usage
+
+1. Start the application:
+
+   - Access the application by navigating to `http://localhost:5173` in your web browser.
+
+2. Navigate to login page and experience Hanko Authentication.
+
+
+## Support
+
+Feel free to reach out to us on [Discord](https://hanko.io/community) if you get into any issues.
+
+## License
+
+This project is licensed under the MIT License.
+
+
+