https://github.com/tutods/nlw06-react
Project developed on NLW#06 of React
https://github.com/tutods/nlw06-react
firebase react reactjs tsx typescript
Last synced: about 2 months ago
JSON representation
Project developed on NLW#06 of React
- Host: GitHub
- URL: https://github.com/tutods/nlw06-react
- Owner: tutods
- Created: 2021-06-21T05:06:03.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-10-17T00:00:29.000Z (over 2 years ago)
- Last Synced: 2025-04-13T09:13:36.390Z (about 1 year ago)
- Topics: firebase, react, reactjs, tsx, typescript
- Language: TypeScript
- Homepage: https://letmeask-cc61e.web.app/
- Size: 4.94 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This project is created from the NLW#06 of React.
🌐 Deploy:
💬 Changes
- I'm using **Styled Components** instead **Sass**;
- Use **Prettier** and **Husky Hooks**;
- In **Home** and **New Room** page, I reuse the layout creating another component with shared layout (`AuthLayout`):
- This way the **Home** and **New Room** only contains de form and logo;
- I'm created a Not Found page to error 404;
- Add `modifier` prop to `Button` and `IconButton` component;
- Add `react-hot-toast` to show error and success messages;
- Add `react-icons` to add icons in `SVG` instead using `img` tag;
How to fix Husky to run hooks:
In `package.json` add on scripts:
```json
"postinstall": "husky install",
```
After that run on your terminal:
- **With Yarn:**
- `yarn husky add .husky/pre-commit "yarn lint-staged"`
- **With NPM:**
- `npx husky add .husky/pre-commit "npm lint-staged`
