Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cholis04/simple-note
Dicoding Indonesia Submission : "React Learning Path"
https://github.com/cholis04/simple-note
css3 dicoding dicoding-submission heroicons-react highlight note notes-app react reactjs
Last synced: about 8 hours ago
JSON representation
Dicoding Indonesia Submission : "React Learning Path"
- Host: GitHub
- URL: https://github.com/cholis04/simple-note
- Owner: cholis04
- Created: 2022-06-22T04:49:00.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-21T03:22:10.000Z (almost 2 years ago)
- Last Synced: 2023-03-05T15:31:59.210Z (over 1 year ago)
- Topics: css3, dicoding, dicoding-submission, heroicons-react, highlight, note, notes-app, react, reactjs
- Language: JavaScript
- Homepage: https://simple-note-five.vercel.app
- Size: 932 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dicoding Submission - Simple Note
![Banner All Device Simple Note](./screenshots/Banner.png)
This is submission project "Building Single Page Application using React" from [Dicoding Indonesia](https://www.dicoding.com/).
## Features
- Added Notes
- Archiving Notes
- Delete Notes
- Display Active / Archive Notes
- Search Notes by Title
- User Registration and Authentication
- Change Dark / Light Appearance
- Switch to English / Indonesian## What I learned
- Validate the props component using PropTypes.
- Creating client-side routing using the React Router ecosystem.
- Utilize lifecycle methods to get data from APIs inside components.
- Accessible global state without props drilling practice using React Context.
- Write better React code by maximizing the use of functional components through Hooks.## Links
- Live URL : [https://simple-note-five.vercel.app/](https://simple-note-five.vercel.app/)
- Repository : [https://github.com/cholis04/simple-note](https://github.com/cholis04/simple-note)## Author
- Website - [https://cholis04.github.io](https://cholis04.github.io)
- Frontend Mentor - [@cholis04](https://www.frontendmentor.io/profile/cholis04)
- Codepen - [cholis04](https://codepen.io/cholis04)
- Dicoding - [cholis04](https://www.dicoding.com/users/cholis04)
- Dribbble - [cholis04](https://dribbble.com/cholis04)
- Instagram - [@cholis04](https://instagram.com/cholis04)