yth98 / 109-1-Web-Project

An online chat room service. (Web Programming, Fall 2020, NTUEE)

iChat - Chat with friends worldwide

• Show your personality by editing the custom profile.
• Make chats with different friends.
• Share your feelings with emojis, photos, and featured stickers!

How to start your iChat

• First, click on 註冊 button in order to enroll your personal information in iChat.
• Second, find friend with user's id such as user's email you fill in while in registration.
• Third, enjoy chatting with each other by text, emoji, photo.
• Remember to log out before you leave your computer through clicking on the head photo.

Development

• Prerequisite:
  Make sure the prerequisites are installed
  yarn
• Client side:
  frontend side file is src which includes pages ,components and graphql
yarn start
• Server side:
  Server side file is server which includes models ,resolvers ,routes and schema.graphql
yarn server
  Remember to replace .env.defaults with .env file which includes your MONGO_URL

Environment & Packages

Frontend(ReactJS):

• react
• react-router-dom
• antd
• @ant-design/icons
• @apollo/client
• axios

Backend(NodeJS):

• express
• cors
• body-parser
• cookie-parser
• mongoose
• mongodb
• graphql-yoga
• bcrypt
• jsonwebtoken
• formidable
• sharp
• fs
• ws
• http
• path

Database(MongoDB):

• MongoDB

Contribution

• Frontend: yth98, Alexander-Py112
• Backend: yth98