This is our very first chat app, Chirp, that we created for users to gather and chat with others in real time. In this app, user can not only create his/her own chatroom with a customised title or join an existing room, but also send private messages (DM) to other online users.
This project is created with React TS in frontend and Socket.io and nodeJS in backend.
William Saar (https://github.com/Willen17)
Millie Cheung (https://github.com/millie-wy)
Run both client and server in parallel
npm install
npm start
Open two terminals and run the following commands
npm run client-install
npm run server-install
Open two terminals and run the following commands
npm run client
npm run server
(This is a group assignment from my school)
Krav för godkänt:
- 1. Användaren får börja med att välja ett eget visningsnamn när den besöker sidan.
- 2. Det ska gå att skapa ett rum (och samtidigt gå med i rummet).
- 3. Det ska gå att lämna ett rum (tomma rum ska automatiskt försvinna).
- 4. Samtliga rum skall vara synligt i en lista
- 5. De går att gå med i ett rum genom att klicka på det i listan.
- 6. När en användare går med i ett nytt rum ska befintligt rum lämnas automatiskt.
- 7. Användare ska kunna skicka och läsa nya meddelanden i rummet de har gått med i
- 8. När en användare håller på att skriva ett meddelande skall det synas för alla andra i rummet.
- 9. Git & GitHub har använts.
- 10. Projektmappen innehåller en README.md fil.
- 11. Uppgiften lämnas in i tid!
Krav för väl godkänt:
- 1. Alla punkter för godkänt är uppfyllda.
- 2. Varje rum i listan skall även visa vilka användare som finns i rummet .
- 3. Det ska gå att ha privata konversationer med enskilda användare (DM’s).
- 4. Historik ska sparas för skickade meddelanden och visas när en konversation öppnas (gäller både för Rum och för DM’s).
- 5. När sidan laddas om ska användaren behålla sitt användarnamn, läggas tillbaka i konversationen som den befann sig i (Rum eller DM) och kunna sina läsa tidigare DM’s.