- O aplikácií
- Diagram nasadenia aplikácie
- Popis UI aplikácie
- Štruktúra Firebase databázy
- Spustenie aplikácie lokálne
- Deployment
- Použité technológie
- Autori
Aplikacia slúži ako chatovací systém s využitím Firebase backendu spolu s využitím firebase authentication a firebase database. Celý web je napokon deploynutý na Vercel hosting.
Aplikácia podporuje real-time chatovaciu kominukáciu medzi dvoma klientami. Klienti su prihlásený pomocou firebase authentication a ich správy su ulozené v firebase databaze.
Celá aplikácia je postavnena na Next.js frameworku s využitím Tailwind CSS pre štylizáciu aplikácie.
Aplikácia využíva server-side rendering, technológiu pre rýche vykreslenie stránok. Funguje tak že stránka je na serveri načítaná už pred tým ako ju klien otvorí vo svojom vyhladávači. Viac informacii o Next.js je môžne nájst na Next.js Dokumentácia
-
Vyhľadávnaie medzi chatmi
-
Zobrazenie vytvorených chatov s možnosťou pridanie nového chatu
-
Chatovacie okno so vsetkými spravámi od oboch uživatelov
-
Možnosť poslať správu
- Prepnutie medzi svojimi chatmi a jednotlivým chatom s daným užívateľom a odhlasenie pomocóu kliknutia na svojho avatara
- Tlačidlo na pridávanie emotikonov
- Prihlásenie do aplikácie pomocou google konta
Po stiahnutí a nainštalovaní aplikácie je možné aplikáciu spustiť lokálne.
git clone git@github.com:bckslash/Chat-App.git
yarn install
yarn devPo úspešnéj instalacií budete vedieť otvoriť aplikáciu na http://localhost:3000.
Live aplikáciu si môžete otvorit tu:
- Live - ZCT Chat
- Firebase - Database and Authentication
- Next.js - Web Framework
- Tailwind.css - CSS Framework
- @robertsmrek - Počiatočný nápad a implementacia frontendu a backendu
- @robertbartos - Design aplikácie, Implementacia firebase databazy a authentication
- @radoslavsunai - Spracovanie dokumentácie a pomoc s frontendom