https://github.com/manitapaudel/calendar-viewer

A responsive Calendar for your day-to-day or special or just events of any kind. Keep track of your important days here, from your devices of any screen-sizes. :)
https://github.com/manitapaudel/calendar-viewer

made-from-scratch nextjs responsive-design sass

Last synced: about 5 hours ago
JSON representation

A responsive Calendar for your day-to-day or special or just events of any kind. Keep track of your important days here, from your devices of any screen-sizes. :)

• Host: GitHub
• URL: https://github.com/manitapaudel/calendar-viewer
• Owner: manitapaudel
• Created: 2024-05-10T16:23:57.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-28T13:54:40.000Z (6 months ago)
• Last Synced: 2024-05-29T05:52:43.016Z (6 months ago)
• Topics: made-from-scratch, nextjs, responsive-design, sass
• Language: JavaScript
• Homepage: https://calendar-viewer.vercel.app
• Size: 9.93 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 :spiral_calendar: Calendar Viewer 


## Introduction 

Looks like a calendar, is a calendar, but it is not just a regular calendar. Hope I was calendar, *ahem* sorry, hope I was **clear**.

#### In this calendar, as a calendar, you can:

-  view the current month and year, along with the days of the week

-  navigate to the previous and next months by clicking on buttons or arrows

-  see the current day of the month highlighted

#### But as a calendar, that is more than just a calendar, you can:

- create events that you would like to remember

- see the days with the events highlighted, and click on them to view them in detail

- edit the event as per your need

- or even delete them, if you feel like it; it's really your choice you know

- but, please be assured, your events are safe; they will be there when you close the calendar and open it next time. :)

> *I made it from scratch and it is responsive on various screen sizes too.*

## Resources

### Tools

- Next.js

- SASS 💅

### Websites

- Icons from https://heroicons.com/

- Images from https://unsplash.com/

Made with ❤️ and ⏲️ by me.