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.
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.
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