Kenny

SSR-Editor

GitHub

En realtidsuppdaterad text-editor med sammarbetsfunktioner liknande google docs, inklusive Monaco code editor och API-baserad kodkörning.


ReactExpressMongoDBAzure

Projektet

Projektet är ett grupparbete mellan mig och en kurskamrat på BTH. Applikationen består av en text-editor samt Monaco code editor. Båda är kopplade med socket.io vilket möjliggör realtidsredigering. Projektet innehåller även backend och databas som ligger i ett separat repo.

Applikation i tre delar

  • Frontend: React, hostad via pages
  • Backend: Express deployad på Azure
  • Databas: MongoDB Atlas

Tekniker

  • React - Frontend (Full client side)
  • Monaco - Editor för kod som körs via API
  • Socket.io - Realtidsuppdateringar för dokument
  • Express - Backend i Azure
  • MongoDB - Atlas

Lärdom

Det här projektet var ett av mina första större webbutvecklingsprojekt under utbildningen. Detta projekt påbörjade min resa med React, hantering av grupper i socket.io, förstärkte min förståelse för hur man får upp en fungerande applikation som består av flera delar på webben och hanteringen av dessa integrationer.