A robust and interactive Event Calendar web application built using PHP, HTML, CSS, JavaScript, Bootstrap, Ajax, and MySQL. This application allows users to add, edit, delete, and view events by day, week, or month with a user-friendly interface.
- Add new events 🆕
- Edit existing events ✏️
- Delete events ❌
- View events by day, week, or month 📅
- Responsive design using Bootstrap 📱💻
- Modal for event details and time specification 🕒
- Frontend: HTML, CSS, Bootstrap, JavaScript, jQuery, FullCalendar
- Backend: PHP, MySQL
- AJAX: For seamless updates
Follow these steps to set up the project locally:
git clone https://github.com/obadaKraishan/EventCalendarPHP.git
cd EventCalendarPHP
- Start your local server using XAMPP, WAMP, or MAMP.
- Open phpMyAdmin and create a new database named
event_calendar
. - Import the SQL file to set up the
events
table:CREATE DATABASE event_calendar; USE event_calendar; CREATE TABLE events ( id INT AUTO_INCREMENT PRIMARY KEY, title VARCHAR(255) NOT NULL, description TEXT, start_datetime DATETIME NOT NULL, end_datetime DATETIME NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP );
Open a web browser and navigate to http://localhost/EventCalendarPHP
.
Modify the styles in assets/css/style.css
to match your design preferences.
Enhance the JavaScript functionality in assets/js/script.js
to customize the interactivity.
Modify the HTML content in index.php
to personalize the text and events.
This project is licensed under the MIT License - see the LICENSE file for details.