/Rocketseat-NLW6-React

LetMeAsk React project realized on Rocketseat NLW 6. The link adress to the deployed application is linked below.

Primary LanguageTypeScript

LetMeAsk Application

A Simple Q&A Rooms Platform

The repository of the original project is: https://github.com/rocketseat-education/nlw-06-reactjs

This is a simple Q&A (questions and answers) application, developed in the 6th edition of the Next Level Week by Rocketseat (2021).

Technologies:

  • TypeScript;
  • React;
  • Firebase.

Executing the project:

  • First of all, you will need to insert your own Firebase config data.
  • Create an application on Firebase with your Google account and then, copy the Firebase config and paste them on a file named ".env.local" on the project root source. Use the example below as model:
# Firebase Config
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=""
  • To install the dependencies, run yarn command;
  • To initialize the project, run yarn start command.

Some Important Informations - Personal

This application project was created by the command above:

  • yarn create react-app letmeask --template typescript will take some time :D

This will create our React App with TypeScript template/integration.

Plus: https://react-hot-toast.com

This site offers an API to get toasts as alert messages.

Deployment

The github checking ".yml" file was automatically generated by the Firebase CLI.

The "run" script in it was - run: npm ci && npm run build, but it resulted as an CI error and "react-scripts": not found, so based on the video:

https://www.youtube.com/watch?v=kLEp5tGDqcI

I fixed the error with the following modifications:

  • Removed - run: npm ci && npm run build and added (on both ".yml" files)
- run: npm install -g yarn
- run: yarn install
- run: yarn build