Portfolio - Diary web app

📓 Take a note about your daydream anytime💭

URL

 Diary note app - https://note-app-masamern.herokuapp.com/

Features

• MERN stack.
• Redux to manage state.
• Use axios for RestAPI.
• Cloudinary to save photo.
• Search function for bunch of saved diaries.
• React Bootstrap is used for styling.
• Use Mongodb as database.
• Set Registration and authentication system with web token.
• Validation works.
• Fully responsive.

Demo

1. Sign up(Mongodb is active, so you can sign up.)

2. Login with email and password.

3. Write diary as a login user.

4. Edit and delete diary.

5. Update profile.

6. Search diary.

Proud of

• Applied saving photo function with "Cloudinary".
• State management with Redux.
• Run client and server with using "concurrently" module.
• No need to change environment variables when we run this program because I have set appropriate cors option in server side.

Usage

 On the terminal under "portfolio_note-app" folder, hit the command below to launch web page on your local environment.

npm run dev

 Since Concurrently in installed as a module, client and server side programs will run at the same time.

Deploy

• Heroku(For client and server side)