Update README.md

Author: manojtharindu11

README.md

@@ -1,6 +1,6 @@
 # Eventify Frontend
 
-The frontend for **Eventify** is built using Angular to provide a dynamic user interface for our Event Management System. This repository contains all the source code and assets needed for the frontend application.
+The front end for **Eventify** is built using Angular to provide a dynamic user interface for our Event Management System. This repository contains all the source code and assets needed for the frontend application.
 
 ## Technologies Used
 
@@ -32,6 +32,73 @@ Eventify-Frontend/
 ├── package.json                 # Project metadata and dependencies
 └── README.md                    # Project documentation
 ```
+
+## How to Run the Application  
+
+Follow these steps to set up and run the application:  
+
+### 1️⃣ Clone the Repository  
+```bash
+git clone https://github.com/XoCode-Software-development-team/Eventify-event_management_system-frontend
+cd Eventify-event_management_system-frontend
+```
+
+### 2️⃣ Install Dependencies  
+```bash
+npm install
+```
+
+### 3️⃣ Set Up Firebase Cloud Storage  
+- Configure Firebase in your project.  
+- Obtain your Firebase credentials from the Firebase console.  
+
+### 4️⃣ Get a Google Maps API Key  
+To use Google Maps in your application, follow these steps to obtain an API key:  
+
+1. Go to the [Google Cloud Console](https://console.cloud.google.com/).  
+2. Create a new project or select an existing one.  
+3. Navigate to **APIs & Services > Credentials**.  
+4. Click **Create Credentials** > **API Key**.  
+5. Enable the following APIs for your project:  
+   - **Maps JavaScript API**  
+6. Copy the generated API key.  
+
+### 5️⃣ Create `environment.ts`  
+- Navigate to the `environments/` directory.  
+- Create a new file named `environment.ts`.  
+- Copy the structure from `example.environment.ts` and update the credentials.  
+
+#### Example `environment.ts` File:  
+```typescript
+export const baseApiUrl = {
+    Url: 'your-api-url'
+};
+
+export const environment = {
+    firebaseConfig: {
+        apiKey: "your-firebase-apiKey",
+        authDomain: "your-authDomain",
+        projectId: "your-projectId",
+        storageBucket: "your-storageBucket",
+        messagingSenderId: "your-messagingSenderId",
+        appId: "your-appId",
+        measurementId: "your-measurementId"
+    }
+};
+
+export const mapEnvironment = {
+    production: false,
+    googleMapsApiKey: 'your-googleMapAPIKey'
+};
+```
+
+### 6️⃣ Start the Application  
+```bash
+ng serve
+```
+
+Now, the application should be running!
+
 ## Acknowledgments
 
 Special thanks to all the contributors and mentors who supported this project!