Dev req to Complete Dynamic Calendar Feature with vis.js

300.0 EUR

300.0 EUR peopleperhour Technology & Programming Overseas
441 days ago

Description

I am seeking an experienced developer to finalize the integration of a dynamic calendar feature into an existing web-based employee training management application. This feature should provide a monthly view, displaying completed events such as trainings, meetings, and feedback for each employee. It should also indicate the week number for each week, allow filtering by time period and event type, and dynamically reflect any changes in employee status, updating to show past events accurately.
The application is developed using procedural PHP, MySQL, jQuery, and Bootstrap, and this new feature needs to be implemented following the MVC architecture utilizing OOP in PHP.
Current Progress:
MVC structure is already implemented in the project. Database connections are established, and PHP classes have been set up. vis.js has been integrated with an initial example configured. Initial attempts have been made to display a list of employees from the database on the page, but this is not completed.
Requirements:
Complete Employee List Display:
Fetch and display the list of employees on the calendar from the database.
Events Display and vis.js Customization:
Fetch and display past trainings, team meetings, and feedback events on the timeline, corresponding to each listed employee.
Customize event display in vis.js with distinct colors for each type of event:
Blue background with a centered 'M' for Meetings.
Green background with a centered 'S' for Schulungen (Trainings).
Orange background with a centered 'B' for Bewertung (Feedback).
Event Filters and Date Picker Implementation:
Implement checkboxes to filter the timeline display by event type.
Integrate a "Month and Year only" date picker to allow users to select which month and year to view.
Real-Time Updates:
Ensure the calendar updates dynamically when new employees are added or existing employees leave the company.
Automatic Event Update Logic for Calendar Feature:
Implement an automatic update mechanism that ensures past events are dynamically displayed in the timeline.
Deadline: I need this completed within a maximum of 4 days.
Tools and Technologies: MVC, OOP PHP, MySQL, PDO, vis.js, JavaScript, fetch API, HTML, CSS, Bootstrap.

关注公众号,不定期副业成功案例分享
Follow WeChat

Success story sharing

Want to stay one step ahead of the latest teleworks?

Subscribe Now

Similar Teleworks

Overview We are building a browser based text MMORPG. Focusing on long term island management, alliance interactions, and strategy. The game will be developed in PHP, using MySQL for data storage, and HTML/CSS/JS for the frontend. Game Concept Players start on a random island, collect resources (gold, stone, lumber), build structures, train units, form alliances, and eventually conquer or colonise other islands. The game is slow paced, requiring strategic planning over days and weeks. Initial Player Setup Starting resources: 250 Gold, 250 Stone, 250 Lumber. Starting buildings: Level 1 Main House, level 0 other buildings. Starting location: Randomly assigned island within a grid (ocean system). World Structure World: Contains 10 oceans. Ocean: Contains 100 grids (10×10). Grid: Contains up to 25 islands (5×5). Island: Player’s individual base, with buildings and troops. Buildings General Each building has levels 1–20. Upgrade costs and times increase by a factor of ~1.2 per level. Core buildings Building Prerequisite Function Main House None Controls build slots, unlocks new buildings. Gold Mine Main House Lvl 1 Produces gold. Stone Quarry Main House Lvl 1 Produces stone. Lumber Mill Main House Lvl 1 Produces lumber. Storehouse Main House Lvl 1 Stores resources, protects from plunder. Stone Wall Main House Lvl 1 Defense boost. Watch Tower Main House Lvl 1 Visibility, anti-espionage. Laboratory Main House Lvl 10 Research technologies. Harbour Main House Lvl 10 Build ships. Barracks Main House Lvl 5 Train ground units.
330.0 GBP Technology & Programming peopleperhour Overseas
1 days ago