Skip to content

Tell me Whats is a project (πŸ—) that allows a user to create a room (πŸ›) and other users enter it to submit questions (❓) to be answered (πŸ’‘) by the room owner πŸ‘¨β€πŸ’»

License

Notifications You must be signed in to change notification settings

csorlandi/tell-me-whats

Repository files navigation

Tell Me Whats is a project initially created to be a platform that allows users who stream to create a room so that other users can send questions to them, and with the platform the questions are organized and ordered so that none of them go unanswered, which often happens when you do a live for a lot of people.

Made by Claudio Orlandi Last Commit Contributors License


Table of Contents


πŸ“‹ Features

Documentation

  • Work In Progress ...

Build with

  • ReactJS - A JavaScript library for building user interfaces
    • Context API - Context provides a way to pass data through the component tree without having to pass props down manually at every level.
    • Hooks - Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.
  • Typescript - TypeScript is an open-source language which builds on JavaScript, one of the world’s most used tools, by adding static type definitions.
  • Firebase - Firebase provides the tools to build high-quality applications, broaden your user base and profit more. We take care of the basics so you can generate revenue in the business and be dedicated to users.
    • Firebase Realtime Database - The Firebase Realtime Database is a cloud-hosted database. Data is stored as JSON and synchronized in realtime to every connected client.
    • Firebase Authentication - Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. It supports authentication using passwords, phone numbers, popular federated identity providers like Google, Facebook and Twitter, and more.

βš” Next Step Challenges

  • Create an Awesome (😎) Readme (πŸ“–)
  • Install and configure ESLint + Prettier + Editor Config (πŸ› )
  • Use Styled Components instead of SCSS (πŸŽ›)
  • Create isolated file to Application Color Pallete (🎨)
  • Implement Theme Switcher (🌞 Light and Dark 🌚)
  • Implement Private Routes (πŸ”) to some routes
  • Use an Modal instead an alert to confirm question deletion (πŸ—‘)
  • Don't allow (🚫) user join a closed room by url
  • Try React Hook Form as a form manager (πŸ‘¨β€πŸ’Ό)
  • Apply Responsivenes (πŸ±β€πŸ‘€)
  • Add PWA support (⬇)
  • Try Helmet to dynamic headers (πŸ€“)
  • Implement Questions Tag Heatmap

πŸš€ Getting Started

Prerequisites

  • To run any ReactJS application you need to configure the environment on your machine.

  • Setting the environment is a simple process, so it's recommended to follow the Rocketseat guide which is currently the most complete and detailed to make the settings:

Clone

  • Clone this repo to your local machine using:
https://github.com/csorlandi/tell-me-whats

Setup

  • Install project dependencies;

      yarn install
      // or
      npm install
  • Configure Firebase;

  • Configure local environment variables;

    • Change .env.example filename to .env.local and fill the variables inside it with Firebase Credentials.
  • Run project in development mode;

      yarn start
      // or
      npm run start

    πŸ’‘ If your browser doesn't open the project automatically, open a new tab manually and access http://localhost:3000

  • Be Happy! πŸ˜†


πŸ€” Contributing

To get started...

Step 1

  • 🍴 Fork this repo!

Step 2

  • πŸ‘― Clone this repo to your local machine using https://github.com/csorlandi/tell-me-whats

Step 3

  • πŸŽ‹ Create your feature branch using git checkout -b my-feature

Step 4

  • βœ… Commit your changes using git commit -m 'feat: My new feature';

Step 5

  • πŸ“Œ Push to the branch using git push origin my-feature;

Step 6

  • πŸ”ƒ Create a new pull request

After your Pull Request is merged, can you delete your feature branch.


πŸ“Œ Support

Reach out to me at one of the following places!


πŸ“ License

License

This project is licensed under the MIT License - see the LICENSE file for details.


Made with πŸ’™ Enjoy it!

About

Tell me Whats is a project (πŸ—) that allows a user to create a room (πŸ›) and other users enter it to submit questions (❓) to be answered (πŸ’‘) by the room owner πŸ‘¨β€πŸ’»

Topics

Resources

License

Stars

Watchers

Forks

Languages