Janneth (Contributor)

README.md

@@ -1,77 +1,85 @@
 # A LISTS [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
 ## Table of Contents
-  * [Description](#Description)
-  * [User Story](#User-Story)
-  * [Elevator Pitch](#Elevator-Pitch)
-  * [Language/Technoligies Used](#Language/Technologies-Used)
-  * [Mock-Up](#Mock-Up)    
-  * [Contributors](#Contributors)
-  * [Repository](#Repository-Link)
-  * [Questions](#Questions)
 
+- [Description](#Description)
+- [User Story](#User-Story)
+- [Elevator Pitch](#Elevator-Pitch)
+- [Language/Technoligies Used](#Language/Technologies-Used)
+- [Mock-Up](#Mock-Up)
+- [Contributors](#Contributors)
+- [Repository](#Repository-Link)
+- [Questions](#Questions)
 
-## Description 
+## Description
 
 A Lists is an application that allows the user to search up a movie or a show and provides the service streaming it right away. With so many streaming service accounts it is easy to lose track of where a specific movie or show is streaming. It never fails when someone asks "Where were we watching that show?". With this mobile friendly application you can have the answer at your fingertips. The user can save as many movies as they wish and simply pop the app open and have the streaming service available.
-
 
 ## User Story
+
 ```
 AS AN avid film watcher
 
 I WANT to be able  to keep tack of where a show or movie is streaming
 
-SO I dont have to try and remember or waste time searching for it  
+SO I dont have to try and remember or waste time searching for it
 ```
+
 ## Elevator Pitch
-```
 
 ```
+Tired of not remembering what streaming service has that one show or movie you were watching last night?
 
+With so many streaming service accounts you don't need to remember or keep track of any current shows with 'A Lists'.
+
+Search, save and know what streaming service you are using to watch a show, at the reach of your fingertips.
+
+```
 
 ## Language/Technologies Used
-* HTML5
-* CSS
-* JavaScript
-* NPM package(Package.json)
-   * react
-   * react-dom
-   * react-router-dom
-   * react-scripts
-   * axios
-   * dotenv
-   * express
-   * if-env
-   * mongoose
-   * @auth0/auth0-react
-   * use-debounce
-   * win-node-env
-   * bootstrap
-
-* Heroku (Deployment)
-* ESLint (Testing code)
-
-## Mock-Up 
-
-![Alt Text](client/src/img/aLists3.gif)
 
+- HTML5
+- CSS
+- JavaScript
+- NPM package(Package.json)
+  - react
+  - react-dom
+  - react-router-dom
+  - react-scripts
+  - axios
+  - dotenv
+  - express
+  - if-env
+  - mongoose
+  - @auth0/auth0-react
+  - use-debounce
+  - win-node-env
+  - bootstrap
+  - react-toastify
+- Heroku (Deployment)
+- ESLint (Testing code)
+
+## Mock-Up
+
+![Alt Text](client/src/img/A-Lists.gif)
 
 ## Contributors
-* [Gabriele Falloon](https://github.com/ggfalloon) - ggfalloon@gmail.com
-* [Jose Garcia](https://github.com/chavalk) - chavalk@hotmail.com
-* [Harrison Noblett](https://github.com/HarrisonNoblett) - HarrisonNoblett55@gmail.com
-* [Janneth Alvarado Verduzco](https://github.com/jannverduzco) - janneth_verduzco@live.com
+
+- [Gabriele Falloon](https://github.com/ggfalloon) - ggfalloon@gmail.com
+- [Jose Garcia](https://github.com/chavalk) - chavalk@hotmail.com
+- [Harrison Noblett](https://github.com/HarrisonNoblett) - HarrisonNoblett55@gmail.com
+- [Janneth Alvarado Verduzco](https://github.com/jannverduzco) - janneth_verduzco@live.com
 
 ## Live Link (Heroku)
 
+https://a-lists.herokuapp.com/
 
 ## Repository Link
-https://github.com/HarrisonNoblett/a-lists
 
+https://github.com/HarrisonNoblett/a-lists
 
 ## Questions
-For any questions or inquiries please reach out to any of the contributing members listed above.
 
+For any questions or inquiries please reach out to any of the contributing members listed above.
 
-2021 © A LISTS
+2021 © A LISTS

client/package.json

@@ -14,6 +14,7 @@
     "react-dom": "^17.0.1",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
+    "react-scroll-horizontal": "^1.6.6",
     "web-vitals": "^1.1.1"
   },
   "scripts": {

client/src/components/Watchlist/index.js

@@ -1,16 +1,15 @@
 import React from "react";
 import DeleteBtn from "../DeleteBtn";
-import "./style.css"
+import "./style.css";
 
-//deploy
 function Watchlist(props) {
-  return (
+ return (
     <div className="jumbotron jumbotron-fluid" id="watchlistDiv">
       <div className="text-center">
         <h4 className="lead">{props.network} Watchlist</h4>
         <hr id="hr1" />
         {props.watchlist.length ? (
-          <div className="watchlistWrap table-responsive">
+           <div className="table-responsive">
             {props.watchlist.map((watchlist) => (
               <button
                 type="button"
@@ -34,6 +33,6 @@ function Watchlist(props) {
         )}
       </div>
     </div>
-  );
-}
+    );
+  }
 export default Watchlist;

client/src/components/Watchlist/style.css

@@ -23,9 +23,11 @@ h4.lead {
     font-weight: bold;
 }
 /* removes white space and keeps posters in watchlist on one line. hides overflow */
-.watchlistWrap {
+.table-responsive{
     white-space: nowrap;
-    overflow: hidden;
+    display: block;
+    overflow-x: auto;
+    width: 100%;
 }
 
 #button-addon2 {

client/src/index.js

@@ -8,7 +8,8 @@ import { Auth0Provider } from "@auth0/auth0-react";
 const providerConfig = {
     domain: "a-lists.us.auth0.com",
     clientId: "Fh6gxt8ZVoGSYdBTzbLwMbc2NgsnNZPd",
-    redirectUri: "http://localhost:3000/dashboard"
+    redirectUri: "https://a-lists.herokuapp.com/dashboard",
+    // redirectUri: "http://localhost:3000/dashboard",
 };
 
 ReactDOM.render(