This is a clone of google's popular note taking app known by the name Google Keep. I really liked the UI of this application so wanted to make a clone. I have also added some of my own featues and tweaked the UI a little bit.
- Creat,Edit,Delete notes
- Supports rich text format
- You can pin your favourites notes at the top
- Fast search as you type -Change view layout- toggle between one/two/three coulmns
- Notes auto arrange in a perfect grid layout based on their size
- React
- Scss
- Nodejs + Express
- PostgreSQL
Home page:
Notes in 3 column layout:
Edit View:
Search View:
Two column layout:
Single column layout:
Mobile view- Home page:
Mobile view- Search page:
In the project directory ( both inside frontend and backend folder), you can run:
yarn install
Installs all the project dependencies.
yarn start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits. You will also see any lint errors in the console.
yarn build
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
Shubham Prakash