LorranSutter / Letmeask

Web app to help streamers answer questions

Features   |    How to run   |    Resources and technologies

Project provided by Rocket Seat to learn frontend development employing ReactJS and Firebase.

📜 Features

This project aims to create a web application to help live streamers to answer audience's questions.

A view can:

• Login with google account
• Join existing rooms through room id
• Ask a new question
• Like and unlike asked questions in the list

A room admin can:

• Login with google account
• Create a new room
• Highlight asked question
• Mark question as answered
• Delete question
• Close room

🏃 How to run

Open your terminal in the folder you want to clone the project

# Clone this repo
git clone https://github.com/LorranSutter/Letmeask.git

# Go to the project
cd Letmeask

# Install dependencies
yarn

Create a .env or .env.local file in the root following the template in .env.example. All this information can be found in your account at firebase console

REACT_APP_API_KEY=""
REACT_APP_AUTH_DOMAIN=""
REACT_APP_DATABASE_URL=""
REACT_APP_PROJECT_ID=""
REACT_APP_STORAGE_BUCKET=""
REACT_APP_MESSAGING_SENDER_ID=""
REACT_APP_APP_ID=""

Run the project

# Run the project
yarn start

📖 Resources and technologies 💻

• Typescript - superset of JS programming language static typed
• Node.js - executes JS scripts in server side
• Firebase - backend as a service provider
• Sass - CSS pre-processor with syntax advancements
• ReactJS - frontend library
• React router dom - routing and navigation for react apps
• Class names - conditionally join classNames together