• 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

1. Vyhľadávnaie medzi chatmi

2. Zobrazenie vytvorených chatov s možnosťou pridanie nového chatu

3. Chatovacie okno so vsetkými spravámi od oboch uživatelov

4. Možnosť poslať správu

5. Prepnutie medzi svojimi chatmi a jednotlivým chatom s daným užívateľom a odhlasenie pomocóu kliknutia na svojho avatara

6. Tlačidlo na pridávanie emotikonov

7. 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 [email protected]:bckslash/Chat-App.git
yarn install
yarn dev

Po ú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