Coder Social home page Coder Social logo

lucas-almeida-silva / letmeask Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 379 KB

An application to help you who make lives to answer questions while streaming!

Home Page: https://letmeask-16853.web.app/

License: MIT License

HTML 1.94% TypeScript 72.37% SCSS 25.07% Shell 0.61%
react reactjs firebase firebase-auth firebase-realtime-database typescript

letmeask's Introduction

Letmeask

๐Ÿ“ƒ Table of Contents

โ„น๏ธ About

Letmeask is a web application whose objective is to help people who do lives to answer questions during the transmission.

During the lives where there is a space for doubts, many questions arise at the same time and it is difficult to select them to answer. Letmeask allows people to send their doubts and vote for the ones they think are most interesting and thus, whoever is making the live can answer questions that have the greatest interest of the public, according to the amout of votes.

Questions appear in real time as they are submitted and are sorted by the amount of votes.

๐Ÿ’ป Technologies

๐Ÿ“ƒ Requirements

๐Ÿš€ Features

Users

  • Login with Google
  • Create rooms
  • Enter a room
  • Submit questions
  • Vote on questions

Admin

The admin is the one who created the room.

  • Highlight question currently being answered
  • Mark question as answered
  • Delete questions
  • Close room (Admin)

๐Ÿ“ท Images

Home

Room

Level up

โš™๏ธ Settings

You need to create a project in Firebase and get the settings available, like this:

const firebaseConfig = {
  apiKey: "AIzaSyACUoPtK8y8kx04MjOAWhkP8E6IPtUt7QU",
  authDomain: "projeto-em-firebase-2117b.firebaseapp.com",
  databaseURL: "https://projeto-em-firebase-2117b.firebaseio.com",
  projectId: "projeto-em-firebase-2117b",
  storageBucket: "projeto-em-firebase-2117b.appspot.com",
  messagingSenderId: "116722308966",
  appId: "1:116722308966:web:f097cbab9bd1db0dbc5aa7"
};

Obs: You can access this at any time in the project settings.

After getting this information, create a file called .env at the root of the project, copy and paste the contents of the .env.example file and fill each of the variables with the data obtained in the project settings.

๐ŸŒฑ How to run

# Clone the repository
$ git clone https://github.com/lucas-almeida-silva/letmeask.git

# Go to the project folder
$ cd letmeask

# Install Dependencies
$ yarn
# or npm install

# Run the application
$ yarn start
# or npm run start

Access the application at http://localhost:3000

๐Ÿ“ License

This project is under the MIT license.

letmeask's People

Watchers

James Cloos avatar Lucas Almeida avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.