Typescript | Firebase

🔖 About the project

• ReactJS application for the Letmeask project developed at NLW @ Rocketseat.

🚀 Technologies

Technologies that I used to develop this web client

• ReactJS
• TypeScript
• React Router DOM
• Node-Sass
• Firebase
• Environment variables

💻 Getting started

Requirements

Clone the project and access the folder

$ git clone https://github.com/leolivm/letmeask.git && cd letmeask

Follow the steps below

# Install the dependencies
$ yarn

Make sure you create a real-time database with these rules on Google Firebase

{
  "rules": {
    "rooms": {
      ".read": false,
      ".write": "auth != null",
      "$roomId": {
        ".read": true,
        ".write": "auth != null && (!data.exists() || data.child('authorId').val() == auth.id)",
        "questions": {
          ".read": true,
          ".write": "auth != null && (!data.exists() || data.parent().child('authorId').val() == auth.id)",
          "likes": {
            ".read": true,
            ".write": "auth != null && (!data.exists() || data.child('authorId').val() == auth.id)"
          }
        }
      }
    }
  }
}

Create an .env.local file in the project's root directory

Copy the variables from the .env.example file and paste into .env.local, now fill in the information with the data obtained from firebase

Run the project

$ yarn start

---

Made with 💜 by Leandro Martins 👋 See my linkedin