- Maintained by:
Heegu Park
- A client receives the data from a server and dynamically display the data in HTML format
- to view the memos
- to create a memo, update a memo, delete a post
- to drag a memo to other place
- to change the background color and text color separately
- to view all activities of o-pin's memos in real time
- A server receives the data from the client
- to create a memo, to update a memo, to delete a memo
- to view memos in real time
- Heavily used React to create all HTML elements(virtual DOM) to dynamically display all data using DOM upon the data from MongoDB database via API server created by using Node.js
- Used Express to run the API server
- Used mongo and mongoose module to connect MongoDB database
- Used AWS EC2 for web and API server and MongoDB cloud for MongoDB database
- Used socket.io to broadcast all memos in real time
- Used React Router to route new memo board(first connect to generate the url) and existing memo boards
- Support most of mobile devices(iPad - Landsacpe/Portrait, iPhone X - Landsacpe/Portrait, iPhone 6s/7s/8s - Landsacpe/Portrait, iPhone 6/7/8 - Landsacpe/Portrait, and so on)
- User can view memos.
- User can view the detail of a memo.
- User can create a memo.
- User can update a memo.
- User can delete a memo.
- User can share the unique url with others.
- Various ways of dynamically displaying data using React virtual DOM functions
- Experienced to deal with various functions of React virtual DOM
- Experienced to effectively use React, Bootstrap, and Material UI for displaying data
- React and JavaScript Object Oriented Programming for better functionalities and to increase the re-usage of codes
- Experienced to create API server using node.js to process the data with communicating with database and pass the data to client
- Experienced to create MongoDB database to store and retrieve data upon the request of a client via API server
- Experienced to use Material UI to make the application more professionally
- Experienced to use socket.io to broadcast all memos from other users in real time
- Experienced to use React Router to route different memo boards
- Experienced to deploy the web and API server into AWS EC2 and create MongoDB database instance into MongoDB cloud
- You can see and test the live version here: memo.heegu.net
- You can see and test the live version here: Sample Memo
[Desktop]