moreirajorge / nlw6-reactjs-letmeask

Rocketseat event project with firebase and ReactJS

🧪 Frameworks / Techs

This project was developed using the following frameworks / techs:

• React
• Firebase
• TypeScript

🚀 How to run this project

Clone the project and go into the directory.

$ git clone https://github.com/MoreiraJorge/NLW6-ReactJs-LetMeAsk.git
$ cd NLW6-ReactJs-LetMeAsk

To start this project, follow the steps:

# Install dependencies
$ yarn

# Run the project
$ yarn start

The app will be running in the following address: http://localhost:3000.

It is necessary to create an account in Firebase and a project with Realtime Database enabled. Here is a set of rules that you can use:

{
 "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)"  
         }
       }
     }
   }
 }
}

This project was also deployed with firebaste hosting: https://letmeask-eeac5.web.app/

💻 Project

Letmeask is perfect for content creators to create Q&A rooms with their public to answer questions, in an organized way.

This project was developed during Next Level Week Together, from the 20th to 27th of June 2021.

🔖 Layout

You can visualize the layout in the link bellow:

• Web Layout

Remeber that you need a Figma account.

---

Many thanks to Rocketseat 👋🏻