finalised the readme

Author: tt01924

Diff for: README.md

@@ -1,24 +1,61 @@
-# reza-todd-final
+# R.T. Productions Travel Partner Application. [Visit us here](https://github.com/fac31/reza-todd-final)
 
-how to get started:
+<img src = 'ReadMe.jpeg' alt = 'visual of the home page for the RADAR app.'></img>
+
+## About
+
+Meet RADAR, your newest travel companion. RADAR allows you to search any location in the world and receive up-to-date live information. 
+
+The project is aimed at a customer base who are travelling or looking to travel and require a holistic overview of a location so that they can pack accordingly, gain an insight, and be prepared for their visit.
+
+## Full-Stack Project
+
+A final project to display our full-stack learning over the course of our studies with Founders and Coders. HTML, CSS, JavaScript, and Express.
+
+## What we learned
+
+- How to create an appealing user interface.
+- Expanding knowledge in front end javascript through text rotation, pop-up information, image carousels.
+- Demonstrating information in a dynamic way.
+- Using several API's to provide a holistic application. 
+- Realising a completed application with a functional front & back end.
+
+## If we had more time
+
+- Create a database to store locations people had previously researched.
+- Enable a user to be able to compare different locations.
+
+## How to install and use
+
+**How to get started:**
 `git clone [email protected]:fac31/reza-todd-final.git`
 
-navigate to the directory:
+**Navigate to the directory:**
 `cd reza-todd-final`
 
-create a `.env` file in the root directory and add the following:
+**Create a `.env` file in the root directory and add the following:**
 
 `PORT=your_port_number`
 
-install dependencies
+**Install dependencies**
 `pnpm install`
 
-run the app
+**Run the app**
 `pnpm start`
 
-run the app in dev mode
+**Run the app in dev mode**
 `pnpm dev`
 
-run the tests
+**Run the tests**
 `pnpm test`
 
+### Authors
+
+<a href = 'https://github.com/RGHANILOO'>
+    <img src = 'https://avatars.githubusercontent.com/u/26300368?v=4' style="border-radius: 50%; width: 50px;">
+</a>
+
+<a href = 'https://github.com/tt01924'>
+    <img src = 'https://avatars.githubusercontent.com/u/150555214?s=400&u=c30c8b1a0f766863602ec773c8e3bbf149e14c71&v=4' style="border-radius: 50%; width: 50px;">
+</a>
+

Diff for: ReadMe.jpeg

@@ -1,16 +1,17 @@
-html,
+/* html,
 body {
   overflow: hidden;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
-}
+} */
 
 body {
   color: rgb(30, 30, 30);
   background: rgb(250, 247, 204);
   font-family: Arial, Helvetica, sans-serif;
+  height: 100vh;
 }
 
 /* city name object */
@@ -19,7 +20,7 @@ body {
   width: 600px;
   height: 120px;
   border-radius: 20px;
-  margin: -1150px 70%;
+  margin: 80% 70%;
   position: relative;
   box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.4);
 }
@@ -46,7 +47,7 @@ h1 {
   height: 80px;
   border-radius: 50%;
   display: grid;
-  margin: -79% 8%;
+  margin: 59% 8%;
   position: relative;
   box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.8);
 }
@@ -84,7 +85,7 @@ h1 {
   align-items: center;
   position: relative;
   overflow: hidden;
-  margin: 990px 30%;
+  margin: 2590px 30%;
   box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.5);
 }
 p {

Diff for: public/CSS/city_styles.css

@@ -19,11 +19,6 @@
       <p><%= locationData.city %>, <%= locationData.country %></p>
     </section>
 
-    <section class = "cityCircle">
-      <p id="weatherText"></p>
-    </section>
-
-
     <section class="cityCircle">
       <h2>Weather:</h2>
       <% formattedWeatherData.forecasts.forEach(forecast => { %>