Feedback about my calendar app

Project Feedback
#1

Hi campers,
I need your feedback about this calender app i have built in HTML, CSS and Javascript. This is my first project involving Javascript. Constructive feedback is highly welcome!
Calendar

#2

I think it looks great. Good work!

A few things I noticed:

  1. the background for the current day doesnā€™t match the ā€˜about meā€™ circle, or the pop out window. Itā€™s minor and my opinion but a common color between them might look cleaner
  2. the about me pop out is nice, iā€™m just not sure about it. It could be the style, positioning or location. But itā€™s a good animation and information. Maybe round corners and give it some transparency? Or have it fill in over the calendar grid?
  3. iā€™m using a PC, and as I hover over the text the mouse changes cursors to text, maybe keep it default so itā€™s always the little arrow, with a slight hover-over glow effect for interaction? (again minor)
  4. I like the hover over on the Month and Year ovals, but the cursor changes to a pointer even if trying to click ā€œDECā€ ā€¦ I think the pointer should only appear when on top of one of the left/right arrows.
  5. Some months ā€˜breakā€™ like June 2019ā€¦ when there needs to be 5 rowsā€¦

The only other thing Iā€™d try to play with is how you built the main Table. 1/2 of your HTML is building the table and Iā€™d try to use javascript to build it, maybe that would help with #5?

Great work though! These are just little things I noticed playing with it.

1 Like
#3

Thanks for the feedback. I actually tried using JavaScript for the table but my knowledge of JS is still limited. I will definitely implement the suggestions. I am terrible at design. I try to keep the design simple so that I focus more on learning JavaScript. Thanks a bunch for the feedback!

#4

This looks nice! My only comment would be about the color choice / Palette. Itā€™s a little harsh for my eyes, too much conflicting colors bewteen selected days and background. But the functionality is easy and fun to use.

#5