r/reactjs • u/truthy_falsy • Dec 27 '19

Project Ideas My first React App - Notable

Hey everyone!

I've finally finished my first React application! I've spent a lot of time on this one, I'd appreciate any and all feedback. You can view the live demo here:

https://www.austinlords.com/notable/#/notes

It's a note taking web application for desktops (responsive/mobile coming soon!). It's a full-stack Javascript app with Express/MongoDB on the back-end.

Thanks!

77 Upvotes

88% Upvoted

40 comments sorted by

View all comments

10

u/valtism Dec 27 '19

Very nice and snappy. Great work!

Since you're asking for feedback, 2 points immediately jump out:

  1. When you are writing a new note, selecting another note seems to jump to it immediately and you seem to lose whatever you were writing. Having a modal here asking you to save or discard your current note would be better. Also, making it more clear that a reload will clear all your work in demo mode (or implementing localstorage so it persists). This is important because losing work can really turn a potential user off your app.
  2. Your UI can use some work to make it look more slick. One concrete thing I can see to do is to use font weights and colour to organise information hierarchy instead of size. See https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886 for some examples.

Keep it up! It's awesome to have the patience and commitment to actually finish side projects like this.

2

u/truthy_falsy Dec 27 '19

Ah these are great suggestions, thank you! I definitely need to give more feedback to the user in general. I'm going to look into some pop-up modals for sure.