Skip to content

GDGPorto/GDGx-Event-Web-App

 
 

Repository files navigation

GDG[x] Event Web App

Standard Web App for GDG[X] Event.
[Demo](https://devfest18-test.firebaseapp.com)
Version: 1.0.2

Overview

GDG[X] Event Web App is the conference website template that helps you to set conference website with registration, speakers and schedule management in a few minutes.

The template is created by GDG Jalandhar team experience of running meetups.

Features

Feature Description
Fast and optimized 100/100 PWA on Lighthouse
Works offline Can works offline
Mobile first Mobo Friendly Web app can be installed as a native app on your phone
SEO optimized index all content and get to the top in search results
Speakers and schedule management keep and update all information in the JSON File
Registration Attendees can register for the event using Firebase Realtime Database

Getting Started

  1. Fork repository and clone it locally

  2. Setup Environment

    • Install Firebase CLI: npm i -g firebase-tools or yarn global add firebase-tools
  3. Create Firebase account and login into Firebase CLI: firebase login

  4. Create a new Directory in your Local Machine.

  5. Open Terminal/CMD/Powershell in your dir.

  6. Now type firebase login command in your Terminal/CMD/Powershell.

  7. Type firebase init.

  8. Select the project by using the arrow keys.

  9. Then Select the Firebase Hosting by using Spacebar and arrow key.

  10. Click No for Single page web app.

  11. Type Public.

  12. Some by default file will be created successfully.

  13. Move the cloned source file in public dir.

  14. Update Firebase Web Setup & Basic Info, Venue Map, manifest.json and Resources

  15. Update Firebase.json file

    {
      "hosting": {
        "public": "public",
        "rewrites": [ {
          "source": "**",
          "destination": "/index.html"
        } ],
        "ignore": [
          "firebase.json",
          "**/.*",
          "**/node_modules/**"
        ]
      }
    }
  16. Update the Firebase Real-Time Database Rules

      {
        "rules": {
          "data": {
            "$uid": {
              ".write":"$uid === auth.uid",
              ".read": "$uid === auth.uid"
            },
    
          }
        }
      }
  17. Enable the Google SignIn provider in Firebase Auth.

  18. Run locally

    • firebase serve or npm run serve or yarn serve
  19. Build and deploy

    • firebase deploy or npm run deploy or yarn deploy

Technology Stack

View Website Built with Project

Community Name Event Name Web App Link
GDG Jalandhar GDG DevFest'18 View Now

Project is published under the MIT license.
Feel free to clone and modify repo as you want, but don't forget to add reference to authors :)

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 67.1%
  • CSS 29.7%
  • HTML 3.2%