{"id":26207979,"url":"https://github.com/lramos33/big-calendar","last_synced_at":"2025-06-17T23:02:56.008Z","repository":{"id":281091266,"uuid":"932384994","full_name":"lramos33/big-calendar","owner":"lramos33","description":"This project provides a modern, responsive interface for managing events and schedules with multiple viewing options.","archived":false,"fork":false,"pushed_at":"2025-06-08T04:38:14.000Z","size":2584,"stargazers_count":385,"open_issues_count":0,"forks_count":49,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-06-08T05:41:35.236Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://big-calendar.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lramos33.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-02-13T20:35:23.000Z","updated_at":"2025-06-08T04:38:14.000Z","dependencies_parsed_at":"2025-04-16T18:01:44.353Z","dependency_job_id":"03cd44f4-7928-43bb-b5b6-5e07c03c87aa","html_url":"https://github.com/lramos33/big-calendar","commit_stats":null,"previous_names":["lramos33/big-calendar"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lramos33/big-calendar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lramos33%2Fbig-calendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lramos33%2Fbig-calendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lramos33%2Fbig-calendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lramos33%2Fbig-calendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lramos33","download_url":"https://codeload.github.com/lramos33/big-calendar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lramos33%2Fbig-calendar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260453717,"owners_count":23011572,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-12T06:01:04.769Z","updated_at":"2025-06-17T23:02:50.984Z","avatar_url":"https://github.com/lramos33.png","language":"TypeScript","funding_links":[],"categories":["Libs and Components","Components \u0026 Libraries","TypeScript"],"sub_categories":[],"readme":"# Modern Calendar Application\n\nA feature-rich calendar application built with Next.js, TypeScript, and Tailwind CSS. This project provides a modern, responsive interface for managing events and schedules with multiple viewing options.\n\n## Preview\n\n![image](public/preview.png)\n\n## Features\n\n- 📅 Multiple calendar views:\n\n  - Month view with event previews\n  - Week view with detailed time slots\n  - Day view with hourly breakdown\n\n- 🎨 Event customization:\n\n  - Multiple color options for events\n  - Two badge display variants (dot and colored)\n  - Support for single and multi-day events\n\n- 👥 User management:\n\n  - Filter events by user\n  - View all users's events simultaneously\n  - User avatars and profile integration\n\n- ⚡ Real-time features:\n\n  - Live time indicator\n  - Current event highlighting\n  - Dynamic event positioning\n\n- 🎯 UI/UX features:\n  - Responsive design for all screen sizes\n  - Intuitive navigation between dates\n  - Clean and modern interface\n  - Dark mode support\n\n## Tech Stack\n\n- **Framework**: Next.js 14\n- **Language**: TypeScript\n- **Styling**: Tailwind v3\n- **Date Management**: date-fns\n- **UI Components**: ⚠️ Heavily edited shadcn/ui components\n- **State Management**: React Context\n\nNote: I **_DO NOT_** use the default shadcn components or its color palette. Some of the shadcn components have been modified to fit my design system and palette, so keep that in mind if you plan to integrate the calendar into your project.\n\n## Getting Started\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/yourusername/calendar-app.git\ncd calendar-app\n```\n\n2. Install dependencies:\n\n```bash\nnpm install\n```\n\n3. Start the development server:\n\n```bash\nnpm run dev\n```\n\nor\n\n```bash\nnpm run turbo\n```\n\n4. Open your browser and navigate to `http://localhost:3000` to view the application.\n\n## Project Structure\n\nThe project structure is organized as follows:\n\n```\nsrc/\n├── app/\n├── calendar/                     # All files related to calendar are in this folder\n│   ├── components/\n│   │   ├── header/               # Calendar header components\n│   │   ├── month-view/           # Month view components\n│   │   └── week-and-day-view/    # Week and day view components\n│   ├── contexts/                 # Calendar context and state management\n│   ├── helpers/                  # Utility functions\n│   ├── interfaces/               # TypeScript interfaces\n│   └── types/                    # TypeScript types\n└── components/                   # Components not related to calendar eg: ui and layout components\n```\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n##\n\n\u003cp align=\"center\"\u003e\n  Made by Leonardo Ramos 👋 \u003ca href=\"https://www.linkedin.com/in/lramos33/\"\u003eGet in touch!\u003c/a\u003e\n\u003cp\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flramos33%2Fbig-calendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flramos33%2Fbig-calendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flramos33%2Fbig-calendar/lists"}