https://github.com/normalhuman01/hobbit-chat-app
chat application developed with react, next.js, and hobbit
https://github.com/normalhuman01/hobbit-chat-app
Last synced: about 1 year ago
JSON representation
chat application developed with react, next.js, and hobbit
- Host: GitHub
- URL: https://github.com/normalhuman01/hobbit-chat-app
- Owner: normalhuman01
- License: mit
- Created: 2023-12-14T17:40:41.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-14T18:10:19.000Z (over 2 years ago)
- Last Synced: 2025-02-01T12:45:34.773Z (over 1 year ago)
- Language: JavaScript
- Size: 25.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### Hobbit Chat: React 4 Immersion
#### Class 1 - Creating our project
##### Manual Setup
[getting-started](https://nextjs.org/docs/getting-started)
```
yarn init -y
```
```
yarn add next react react-dom
```
[coolors.co](https://coolors.co/)
```
yarn add @skynexui/components
```
```
npx gitignore node
```
#### Class 02 - State, new pages and SPA vs Traditional navigation
[custom-app](https://nextjs.org/docs/advanced-features/custom-app)
#### Class 03 - Offline chat? Improving your skills with State
#### Class 04 - Integrating with Supabase
* [supabase](https://supabase.com/)
* [api.github](https://api.github.com/users/lucasrmagalhaes)
```javascript
fetch('https://api.github.com/users/lucasrmagalhaes')
.then(async (respostaDoServidor) => {
const respostaEsperada = await respostaDoServidor.json();
console.log(respostaEsperada);
})
```
* [supabase-js](https://github.com/supabase/supabase-js)
```
yarn add @supabase/supabase-js
```
```js
supabaseClient
.from('tabela')
.select('*')
.then((dados) => {
console.log('Dados da consulta: ', dados);
});
```
#### Classroom 05 - Adding support for Stickers
#### ENV
```
NEXT_PUBLIC_BG
```
```
SUPABASE_URL
```
```
SUPABASE_ANON_KEY
```
```
NEXT_PUBLIC_SMEAGOL
```