iNotes-mini is a Fullstack PWA re-design of Apple's iNotes i built using ReactJs, MongoDb, NodeJs & Expressjs.
Install my-project with npm
npm install my-project
cd my-projectLink to Live Site
https://inotes-mini.netlify.app
Client: ReactJs, Styled Components, AOS, React-Router
Server: Firebase, Express, Node, MongoDb
Documentation I, on most occassions atempt to write good code,and make it as clear as possible what i am attempting to do. I realize that that might not be possible everytime, especially with handling and keeping track of global states. Here are some important things to note while browsing through this code:
-
I focused on the "cards" view first, i.e the initial view that gets shown when the page is rendered. The view i've referred to as "row" multiple times through the code is the "display downwards" view, which in retrospect would have been better to name "column" (To be fair, it's a downwards row).
-
Some of the way i handled the api request functions are a bit... unconventional, e.g, the api request to save notes is only made when a user makes some specific actions(i.e Interact with something else) as opposed to being made onChange.
-
I prefer doing display logic inside my jsx as much as possible.
-
Monitor Local Storage to understand states saved.
If you have any feedback, please reach out to me at [email protected] or send me a DM on Twitter!
To run tests, run the following command
npm run test