Scheduler in your projects

[piotrNBTN]

Scheduler in your projects 🎉

We're thrilled that our component has caught your interest! We'd love to see how you're using it in your projects.

Share your projects that feature Scheduler with us, and you could be one of 5 lucky winners to receive our limited edition hoodies!

How to Participate

To participate in the campaign, leave a description and screenshots of the project in which you used our React Scheduler in the discussion. You only have time until September 25, 2024!

The Most Important Rules

Eligibility:

• The campaign is open to all individuals who use the Scheduler component in their projects.
• Participants must be 18 years or older.

How to Enter:

• Share a description and screenshot(s) of your project featuring the Scheduler component.
• Submit your entries through the discussion on GitHub.

Entry Period:

• The campaign runs from August 07, 2024, to September 25, 2024.
• All entries must be received by 11:59 PM (GMT+2) on September 25, 2024.

Submission Guidelines:

• Each entry must clearly describe how the Scheduler component is used in the project.
• Screenshots must be clear and relevant to the description provided.
• Multiple entries are allowed, but each project can only be submitted once.

Judging Criteria:

• Entries will be judged based on creativity, originality, and the effective presentation of using the Scheduler component.
• A panel of judges from our team, consisting of the creators of Scheduler, will select the winners.

Prizes

• Five winners will each receive one limited edition hoodie.
• Prizes are non-transferable and cannot be exchanged for cash or other items.

Winner Notification

• Winners will be notified via GitHub.
• Winners must respond within 7 days to claim their prize. Failure to respond will result in forfeiture of the prize, and an alternate winner may be selected.

Use of Entries

By entering the campaign, participants grant us the right to use their descriptions and screenshots for promotional purposes, including but not limited to social media, website, and marketing materials.

General Conditions

• We reserve the right to disqualify any entry that does not comply with the rules or is deemed inappropriate.
• We are not responsible for lost, late, or misdirected entries.
• We reserve the right to modify or cancel the campaign at any time.

Privacy

• We will not collect any personal user data beyond that publicly available on GitHub.
• Winners' address data will be used only once to deliver the prize.

By participating in this campaign, you agree to abide by these rules and the judges' decisions, which are final and binding.

[AUDUL]

The Teamwork application used by Code-Rhapsodie is an advanced project management tool that centralizes and shares the planning of tasks, sprints, and team members' availability. This platform promotes effective collaboration among employees and also provides visibility to clients on project progress, thus enhancing transparency and communication.

Planner Features:

• Simplified Overview: The planner offers a clear weekly view, allowing users to visualize the scheduled tasks for each team member. Each task is color-coded to represent different projects or phases, enabling quick identification of priorities.

• Resource Management: At a glance, managers can see each employee's availability, identify potential overlaps, and optimize resource allocation based on skills and workload.

• Smooth Interaction: The application allows users to easily access task details by clicking on them. They can modify, duplicate, or delete tasks directly from this interface, simplifying schedule management.

• Intelligent Filtering: The planner has a filtering function that allows users to sort tasks by team, project, or client, offering a customized view that meets specific needs.

• Collaboration and Transparency: With shared access, both internally and with clients, the application fosters collaboration by allowing all stakeholders to track project progress in real-time.

In summary, Teamwork stands out for its ability to centralize project management while offering usage flexibility, making it an essential tool for any company looking to optimize its planning and collaboration processes.

Main Page:

Details and Edit task:

Filters:

[piotrNBTN]

Hello and congratulations! Please contact us at [email protected]. In the title enter Scheduler and your username on github.

[mgrinberg-sanborn]

We have developed a beautiful resource planning application utilizing react scheduler! Thank you so much for this repo! We used it to build a resource plan application in React. It utilizes a postgres DB and a Node.JS backend to serve up our data on people and the time they are assigned to products/projects.

The resource plan application allows us to, at a glance, visualize the workload of any of our development team all together. Not only that, it allows us to forecast out work for the team and make decisions on ramping up for a particular project. It can help us anticipate lulls in the team's workload and thus target windows for erasing tech debt, or help us know when the work is too much and we need to hire.

The application has two main views.

First of all, the scheduler / gantt chart view:

This shows each resource's projects that they're working on with the number of hours worked in each project. The left hand panel shows each resource and in the subtitle field, the number of hours they have on the plan for this week, next week, and the week after that. Clicking an individual resource opens a modal where you can edit the individual plan for a resource. You can select from projects with the dropdown, set start and end dates, and set the number of hours to be worked. The total updated hours gives you the total of hours that the resource will have after your changes are saved. Upon saving, the scheduler gantt updates to show the new allocations.

The second view is a project status dashboard. Each project for the team is listed with red/yellow/green/grey status icons, showing any issues on the project at a high level:

Individual projects can be expanded, showing start/end dates for the project itself, goals/risks for the project, and the resources assigned to the project with their hours (from the scheduler view!)

We plan in the coming weeks to continue development on this application, allowing resources themselves to indicate the time they're spending on projects in a more "current/actual" state using a different version of the scheduler view. We will also likely implement login and roles to associate each resource with an account in the system.

Thank you so much for your support!

[piotrNBTN]

Hello and congratulations! Please contact us at [email protected]. In the title enter Scheduler and your username on github.

[avulasairaghukiran]

Is there any possibility to add Drag and Drop functionality in this.

[Deepan-kishore]

Project Name: Mini Scheduling App

Description:
I built a mini-scheduling application to streamline task and team management, integrating the React Scheduler component for timeline-based task scheduling and calendar viewing. My aim was to deliver an efficient, user-friendly experience, even with a tight development timeframe.

Key Features:

• Task Scheduling: Users can create tasks ( by clicking on any date on the canvas ) , View Them, Update them and couple them in a timeline for better visibility. This can be done dynamically.
• Calendar Integration: I targeted the prev, next and today buttons of the scheduler to the nav bar. The app supports day-wise, week-wise, and hourly views, allowing for easy navigation with "prev," "next," and "today" buttons from the nav bar.
• Team Management: Users can view teams, edit their details, and add new members, which are auto-integrated into the calendar.
• Search Functionality: Users can quickly search for a specific team member.

Screenshots:

Attached are a few screenshots showcasing the Scheduler in action, including the task timelines and team calendar.
Calendar:

Create Event Details (By clicking on any date in the canvas and the start date will be defaulted to that date, but can be changed.) :

Edit Event Details:

View Event Details:

User Table ( Label data ) :

I believe the React Scheduler has played a pivotal role in ensuring the app’s functionality and usability. With more time, I would refine these areas for a complete user experience.

Thank you for this opportunity to showcase the Scheduler in action. I look forward to further developing this project!

[piotrNBTN]

Hello and congratulations! Please contact us at [email protected]. In the title enter Scheduler and your username on github.

[Deepan-kishore]

Hi @piotrNBTN
Is this contest completed..?
I didn't see the winners being revealed here.. So I thought os asking it..

[piotrNBTN]

Hello @Deepan-kishore in fact - yes the contest is completed :) Please follow my reply to your post above :)

[proddy]

all these examples are great, thanks all for sharing!

BTW you should get yourself added to https://blog.logrocket.com/best-react-scheduler-component-libraries/