Show HN: I made this today with ReactJS, any suggestions ?

- maybe make the menu button animate/blink or something to catch the eye when the page loads, so people know they don't need to wait for the text typing to finish.

- personal preference, but I'd try a horizontal line to separate the menu and content area (1px green the width of the page might look good? something like: http://i.imgur.com/FmBR5fA.png )

- if you have the option of closing / collapsing the menu, why not pin it to the top of the screen? Hidden, you'd just have an icon in the top right which _shouldn't_ really overlap with anything.

- try to adjust the box model of your buttons so they don't dance when you mouseover and add/remove the borders.

- rather than the unicode menu icon, you could use something like https://fortawesome.github.io/Font-Awesome/

- double check your menu while resizing the window, you get some overlap of the buttons.

Let me know if you need a hand with any of the above. Happy hacking :)

Tips:

• To prevent "button dancing" on hover add an invisible border to the buttons when you are not hovering –> border: 1px solid rgba(0,0,0,0);

• Keep building more!