MTRX Sociální síť

Moderní aplikace na MERN stacku s podporou Socket.io a Chakra UI. Nabízí autentizaci JWT, správu příspěvků, sledování uživatelů, přepínání režimů, responzivní design a chat s obrázky.

SourceCodeDemo
Slide 1

O Aplikaci: Proč a jak byla vytvořena?

Tato aplikace vznikla jako můj první ambiciózní projekt, jehož cílem bylo důkladně pochopit spolupráci mezi frontendem a backendem. Při jejím vývoji jsem postupoval podle jednoho podrobného tutoriálu, který mi pomohl osvojit si základní principy full-stack vývoje. Vývoj trval delší dobu, protože jsem se soustředil na zvládnutí jednotlivých částí projektu a jejich propojení. Aplikace je postavená na Reactu a Vite, přičemž vše je zpracováváno na straně klienta. To bohužel způsobuje problémy, jako je delší načítání obsahu. Databáze MongoDB má také omezení – například při odstranění uživatele zůstanou v databázi jeho komentáře, což je problém, který nebyl v této aplikaci vyřešen. Přesto aplikace obsahuje funkční základní prvky, jako jsou lajkování, vytváření příspěvků a uživatelské přihlašování. Dokonce jsem implementoval jednoduchou chatovací aplikaci, která umožňuje posílání zpráv jiným uživatelům, avšak je nutné přesně zadat jméno příjemce.Ačkoliv má aplikace své limity, byla pro mě důležitým krokem v učení a praktickém osvojování dovedností v oblasti vývoje webových aplikací.

Funkce a technologie

  • Tech stack: MongoDB + Express.js + React.js + Node.js + Socket.io + Chakra UI
  • Autentizace a autorizace pomocí JWT
  • Vytváření a mazání príspěvků
  • Lajkování/Odstranění lajku u příspěvků
  • Komentování příspěvků
  • Sledování/Odstranění sledování uživatelů
  • Zmrazení vašeho účtu
  • Tmavý/Světlý režim
  • Chatovací aplikace s podporou obrázků