DEV Community

Cover image for Google Keep Lite - Building Google Keep clone using reactjs

Google Keep Lite - Building Google Keep clone using reactjs

shambhavijs on February 28, 2021

This blog will explain how to create a Google Keep clone using reactjs. Step 1 Building input to take note This input show o...
Collapse
 
rahxuls profile image
Rahul

This looks amazing.

Things you can add.

  • Enter TO save
  • Making it PWA would be awesome
Collapse
 
sarveshtheabstractor profile image
Sarvesh Hiwase

Enter to save can be really easily done just wrap input in form tag and handle your form submit event with on submit and prevent default event.

Collapse
 
shambhavijs profile image
shambhavijs

Thanks, I'll try this.

Collapse
 
shambhavijs profile image
shambhavijs

Sure, will look into this.

Collapse
 
rahxuls profile image
Rahul

Not compulsory unless you're changing it clone of Google Keep to something yours.

Collapse
 
chema profile image
José María CL

Great! I wanna try it by myself :)
I think it would be nice to use a textarea to allow multiline text and avoid to alter the cards size on hover

Collapse
 
mrcaption49 profile image
Pranav Suresh Bakare

This looks amazing!!!! I will definitely try this keep sharing and growing

Collapse
 
shambhavijs profile image
shambhavijs

Thanks Pranav!

Collapse
 
abhidj0090 profile image
abhidj0090

This looks really cool 👌

Collapse
 
shambhavijs profile image
shambhavijs

Thank you so much

Collapse
 
muzammilaalpha profile image
muzammilaalpha

Good one!!

Collapse
 
shambhavijs profile image
shambhavijs

Thankyou!

Collapse
 
yashraj021 profile image
Yash

That's neat mate!

Collapse
 
shambhavijs profile image
shambhavijs

Thanks!

Collapse
 
khalidag profile image
khalidag

All is amazing!
However, how to wrap it all up to become a mobile app? does React native use different commands?