DEV Community

loading...
Cover image for Create a Notebook app with React, ChakraUi, and framerMotion

Create a Notebook app with React, ChakraUi, and framerMotion

m_ahmad profile image Muhammad Ahmad Updated on ・1 min read

Features

  • CRUD operations
  • Responsiveness
  • Beautiful animations
  • Image slider

Built with

Demo Link: Notebook
GitHub Repo: Repo

Discussion (8)

pic
Editor guide
Collapse
crimsonmed profile image
Médéric Burlet

Very clan but I would defo add a + button so you dont have to click three dots and then create not every time.

Collapse
m_ahmad profile image
Muhammad Ahmad Author

Yes, you are right. Thanks for your suggestion.
I added button.

Collapse
daviddalbusco profile image
David Dal Busco

Nice, I like the color gradient in the "Notebook App" title, that's a nice touch 👍

P.S.: In your article title, there is a small type "CharaUi" instead of "ChakraUi" I think, just in case.

Collapse
m_ahmad profile image
Muhammad Ahmad Author • Edited

Thank you David for your compliment and pointing out the mistake 🙂

Collapse
prnvbirajdar profile image
Pranav Birajdar

Clean design! The website freezes when I reload though.

Collapse
m_ahmad profile image
Muhammad Ahmad Author

Thanks.
Actually, it is issue with BrowserRouter while deploying on Github pages. I fixed the issue by using HashRouter. Now on reload it'll work smoothly.

Collapse
leokaze profile image
leokaze • Edited

Some problem in overflow

Collapse
m_ahmad profile image
Muhammad Ahmad Author • Edited

Please describe the issue in detail.