Note-Apps-React-Dicoding

A personal notes web apps that is built with React Js. I call it 'My Notes.' This is a submission project for Dicoding React Developer course.

The web is built using three technologies:

Here are the features of the apps:

Able to Display a Notes

Use stateful component to store log data

Use array map to display each of data

Able to Add a New Notes

Use controlled component to built form feature

Contains a realtime date's note input

Able to Delete Notes

Use conditional rendering where if there's no notes, it will display 'No Records.'

Provide an ability to delete notes

Able to Search Notes

Each time user write some keywords on search bar, apps will display the relevant result

Utilize props drilling event handler to build search filter

Mobile First Approach

Design a web starting with mobile version, which is then adapted larger screens

Give a best experience for users

Navigation Menu