UI issues Resolved

Author: vrijraj

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /dist
+tempKey.js
 
 # local env files
 .env.local

.travis.yml

@@ -1,11 +1,17 @@
 language: node_js
 node_js:
-  - "4.0"
+  - "10.15.2"
 script:
   - echo "Deploying"
-install:
+
+before_script:
   - npm install -g firebase-tools
-after_success:  
+  - npm install -g @vue/cli@latest
+  - npm install
+
+script:
   - npm run build
-after_success:
-  - firebase deploy --token $FKEY
+
+after_success:  
+  - firebase deploy --token $FKEY
+

README.md

@@ -2,7 +2,7 @@
 
 [![Build Status](https://travis-ci.org/Vrijraj/aura.svg?branch=master)](https://travis-ci.org/Vrijraj/aura)
 
-<img width="100%" src="https://doc-0g-20-docs.googleusercontent.com/docs/securesc/ha0ro937gcuc7l7deffksulhg5h7mbp1/1o2trjk5rdn7se60vjushc9q3k662n8h/1551355200000/03213074667067221613/*/1VOuBc_AnzShLOrdINh62I_jeVlnPWxRX">
+<img width="100%" src="https://doc-0g-20-docs.googleusercontent.com/docs/securesc/ha0ro937gcuc7l7deffksulhg5h7mbp1/pl7gen3ksdidgug05est5v9a3p25ku4a/1551448800000/03213074667067221613/*/1VOuBc_AnzShLOrdINh62I_jeVlnPWxRX">
 
 Standard Web App for GDG Communties. <br>
 [Demo](https://aura-client-master.firebaseapp.com/) <br>
@@ -27,20 +27,17 @@ The template is created by [GDG Jalandhar](https://meetup.com/GDG-Jalandhar/) te
 ## Getting Started
 1. [Fork repository](https://github.com/Vrijraj/aura/fork) and clone it locally
 1. Install project dependencies: `npm install` 
+1. Find the [Meetup API Key](https://secure.meetup.com/meetup_api/key/) and paste it [here](/src/config/key.js), also replace the chapter URL from `Meetup.com/[gdg-chapter-url]`
 1. Compiles and hot-reloads for development: `npm run serve`
-1. Update [Firebase Web Setup & Basic Info](/public/index.html), [manifest.json](/src/manifest.json) and [Resources](/src/assets/data)
+1. Update [Firebase Web Setup & Basic Info](/public/index.html), [manifest.json](/public/manifest.json) and [Resources](/src/assets/data)
+1. For the production: `npm run build` and then one dir will be created `dist`
+1. For testing: `npm run test`
+
+## Deploy your Web App on Firebase
+
 1. Setup Environment for the Firebase deployment
    * Install Firebase CLI: `npm i -g firebase-tools` or `yarn global add firebase-tools`
 1. Create [Firebase account](https://console.firebase.google.com) and login into [Firebase CLI](https://firebase.google.com/docs/cli/): `firebase login`
-1. Update `.firebaserc` file
-    ```js 
-        {
-            "projects": {
-                "default": "Your_Firebase_Project_ID"
-            }
-        }
-    ```
-
 1. Open Terminal/CMD/Powershell in your dir.
 1. Now type `firebase login` command in your Terminal/CMD/Powershell. 
 1. Type `firebase init`.
@@ -49,13 +46,13 @@ The template is created by [GDG Jalandhar](https://meetup.com/GDG-Jalandhar/) te
 1. Click `No` for Single page web app.
 1. Type `dist`.
 1. Some by default file will be created successfully.
-1. Move the cloned source file in `dist` dir.    
 1. Run locally
    * `firebase serve` or `npm run serve` or `yarn serve` 
 1. Build and deploy
    * `firebase deploy` or `npm run deploy` or `yarn deploy`
 
 
+
 ### Run your tests
 1. For Test: `npm run test`
 

src/components/about/aboutGDGChapter.vue

@@ -23,10 +23,10 @@
 
                 <p class="google-font grey--text mt-3" style="font-size:120%">{{chapterDetails.aboutGDGProgram}}</p>
 
-                <v-btn :href="chapterDetails.ChapterMeetupLink" target="_blank" class="ma-0 google-font elevation-1" color="#518FF5" style="text-transform: capitalize;border-radius:7px;color:white">Become a Member</v-btn> 
+                <v-btn :href="chapterDetails.ChapterMeetupLink" target="_blank" class="ma-0 google-font elevation-1" color="#1a73e8" style="text-transform: capitalize;border-radius:5px;color:white">Become a Member</v-btn> 
                 &nbsp;
 
-                <v-btn href="https://developers.google.com/groups" target="_blank" outline color="cyan" style="text-transform: capitalize;border-radius:7px" flat  class="ml-0" dark>Learn More</v-btn>
+                <v-btn href="https://developers.google.com/groups" target="_blank" outline color="cyan" style="text-transform: capitalize;border-radius:5px"  class="ml-0" dark>Learn More</v-btn>
             </v-flex> 
 
         </v-layout>

src/components/events/upcomingEvents.vue

@@ -119,7 +119,6 @@ export default {
             this.showData = true
             this.showData1 = true
             this.eventsData = res
-            console.log(res)
         })
     },
     filters:{

src/components/home/HomeStartScreen.vue

@@ -29,11 +29,11 @@
                     </span>
                 </p>
 
-                <v-btn :href="chapterDetails.ChapterMeetupLink" target="_blank" class="ma-0 google-font" color="#518FF5" style="text-transform: capitalize;border-radius:7px;color:white">Become a Member</v-btn>
+                <v-btn :href="chapterDetails.ChapterMeetupLink" target="_blank" class="ma-0 google-font elevation-1" color="#1a73e8" style="text-transform: capitalize;border-radius:5px;color:white">Become a Member</v-btn>
 
                 &nbsp;
 
-                <v-btn :href="chapterDetails.GDGProgramWebsite" target="_blank" round color="cyan" style="text-transform: capitalize;border-radius:7px;text-transform: capitalize;" flat  class="ml-0" dark>Learn More</v-btn>
+                <v-btn :href="chapterDetails.GDGProgramWebsite" target="_blank" round color="cyan" style="text-transform: capitalize;border-radius:5px;text-transform: capitalize;" outline  class="ml-0" dark>Learn More</v-btn>
 
             </v-flex>
         </v-layout>

src/components/home/eventshowcase.vue

@@ -6,7 +6,7 @@
                <p class="google-font" style="font-size:120%">
                    At sessions that span from the technical to the visionary, let’s celebrate and discover what the technologies can enable: how product innovation, open source, and ML and AI can propel enterprises forward and solve the big problems that impact all of us.
                </p>
-               <v-btn flat color="#4C4A78" class="ma-0 google-font" style="border-radius:7px;text-transform: capitalize;">See More</v-btn>             
+               <router-link to="/events" flat color="#4C4A78" class="ma-0 google-font" style="border-radius:5px;text-transform: capitalize;text-decoration:none;color:#4C4A78">See More</router-link>             
             </v-flex> 
         </v-layout>
 
@@ -110,7 +110,6 @@ export default {
     },
     created(){
         fetch('https://cors.io/?https://api.meetup.com/'+MeetupAPI.urlname+'/events?desc=true&photo-host=public&page=4&status=past&key='+MeetupAPI.apiKey).then(data=>data.json()).then(res=>{
-            console.log(res)
             this.showLoader = false
             this.showData = true
             this.eventsData = res

src/config/key.js

@@ -1,4 +1,4 @@
 export const MeetupAPI = {
-    apiKey : "674a5ab597d951c31467e6c502b60",
+    apiKey : "",
     urlname: "GDG-Jalandhar"
 }

src/views/Contact.vue

@@ -53,11 +53,9 @@
 
 <script>
 import ChapterDetails from '@/assets/data/chapterDetails.json'
-import aboutGDGChapter from '@/components/about/aboutGDGChapter'
 
   export default {
     components: {
-      aboutGDGChapter,
     },
     data() {
       return {