Comments branch Review

README.md

@@ -58,7 +58,7 @@ After you're finished please remove all the comments and instructions!
 
 > This project is application project about movie description user of application can like and leave comments
 
-**[Movie Api]** is a javascript project
+**[Movie Api]** is a javascript project that fetches TV Show Data from an API
 
 ## 🛠 Built With <a name="built-with"></a>
 
@@ -81,7 +81,6 @@ After you're finished please remove all the comments and instructions!
 
 ## 💻 Getting Started <a name="getting-started"></a>
 
-
 To get a local copy up and running, follow these steps.
 
 ### Prerequisites
@@ -96,33 +95,38 @@ npm
 
 Clone this repository to your desired folder:
 
-``` git clone https://github.com/MosDevx/MovieApiProject.git```
+` git clone https://github.com/MosDevx/MovieApiProject.git`
 
 ### Install
 
 Install this project with:
 
-``` npm install ```
+`npm install`
 
 ### Usage
 
 To run the project, execute the following command:
 
-```npm run serve ```
+`npm run serve `
 
 ### Run tests
 
 To run tests, run the following command:
 
-
 ```
 npm run test
 ```
 
 ### Deployment
 
 You can deploy this project using:
-```npm run serve```
+`npm run serve`
+
+<!-- LIVE DEMO -->
+
+## 🚀 Live Demo <a name="live-demo"></a>
+
+- [Live Demo Link](https://mosdevx.github.io/MovieApiProject)
 
 <p align="right">(<a href="#readme-top">back to top</a>)</p>
 
@@ -138,7 +142,6 @@ You can deploy this project using:
 - Twitter: [@moseswamae7](https://twitter.com/moseswamae7)
 - LinkedIn: [LinkedIn](https://linkedin.com/in/moses-wamae-a13a67244)
 
-
 👤 **Aster Alemu**
 
 - GitHub: [@aster-alemu](https://github.com/aster-alemu)
@@ -147,8 +150,6 @@ You can deploy this project using:
 
 <p align="right">(<a href="#readme-top">back to top</a>)</p>
 
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
 <!-- CONTRIBUTING -->
 
 ## 🤝 Contributing <a name="contributing"></a>
@@ -173,8 +174,6 @@ We would like to thank Microverse
 
 <p align="right">(<a href="#readme-top">back to top</a>)</p>
 
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
 <!-- LICENSE -->
 
 ## 📝 License <a name="license"></a>

dist/index.html

@@ -12,8 +12,8 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<link rel="stylesheet" href="">
 		<link rel="preconnect" href="https://fonts.googleapis.com">
-		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>	
-		<link href="https://fonts.googleapis.com/css2?family=Magra:wght@400;700&family=Metamorphous&display=swap" rel="stylesheet"> 
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+		<link href="https://fonts.googleapis.com/css2?family=Mukta+Malar:wght@400;700&family=Tenor+Sans&display=swap" rel="stylesheet"> 
 		<script src="https://kit.fontawesome.com/dad56601c0.js" crossorigin="anonymous"></script>
 		<link rel="apple-touch-icon" sizes="57x57" href="/src/assets/favicon/apple-icon-57x57.png">
 		<link rel="apple-touch-icon" sizes="60x60" href="/src/assets/favicon/apple-icon-60x60.png">
@@ -54,6 +54,10 @@
 		</header>
 
 
+			<h1 class="page-title">Todays Tv Shows</h1>
+
+		<section id="popup-section"> </section>
+
 		<section class="main-section" id="main-section">