- Please read screenshots folder in Github.
- All related backend is configured in client, please run local to test.
- Import the Postman Collection file in my Github, if you want to test.
To run a client application first edit the client/src/config.ts file to set correct parameters. And then run the following commands:
cd client
npm install
note: if the npm install error, you should try with node@14 on mac and a similar version on another platform.
npm run start
This should start a development server with the React application that will interact with the serverless Diary application.
- Login
- Logout
- Create new diary
- View list diaries
- Upload image
- Edit diary
- Delete diary
- Lock diary with password
- Unlock the diary with the same password as the lock
- Search diaries
Below are specific images for each function:
Login:
View list:
Create new diary:
Upload image:
Lock diary:
Unlock diary:
Edit image:
Delete image:
Search diary: