A modern, responsive web application for managing events and tasks with an elegant user interface.
- User Authentication: Secure registration and login system
- Event Management: Create, view and manage events with customizable details
- Task Tracking: Organize tasks with priorities, deadlines, and completion tracking
- Visual Dashboard: Intuitive interface to monitor events and tasks
- Reminders: Stay updated on upcoming events and pending tasks
- Modern UI: Beautiful dark mode interface with glassmorphism and gradient effects
- Responsive Design: Works seamlessly across desktop and mobile devices
- Backend: PHP
- Database: MySQL
- Frontend:
- HTML/CSS
- TailwindCSS for styling
- GSAP for animations
- Framer Motion for modern UI effects
- XAMPP (or similar PHP development environment)
- MySQL database
- Web browser
- Clone the repository
git clone https://github.com/yourusername/event_dashboard.git- Place in XAMPP htdocs folder
Move the project folder to your XAMPP htdocs directory:
/Applications/XAMPP/xamppfiles/htdocs/
- Start XAMPP services
Start the Apache and MySQL services from the XAMPP control panel.
- Create the database
Navigate to http://localhost/phpmyadmin/ and create a new database named event_dashboard.
Alternatively, run the database setup script:
http://localhost/event_dashboard/db/setup.php
- Configure database connection
Open /includes/db_connect.php and update the database credentials if necessary:
$servername = "localhost";
$username = "root"; // Your MySQL username
$password = ""; // Your MySQL password
$dbname = "event_dashboard";- Access the application
Open your web browser and navigate to:
http://localhost/event_dashboard/
The application uses 4 main tables:
- users: Stores user account information
- events: Manages event details and metadata
- tasks: Tracks tasks, their status, priority and associations
- participants: Links users to events they're attending
- Navigate to the homepage and click "Register" to create a new account.
- Fill in your details and submit the form.
- Use your credentials to log in to the dashboard.
- From the dashboard, click "Create Event" in the navigation bar.
- Fill in event details including title, description, location, dates, and times.
- Select a color for easy visual identification.
- Submit the form to create your event.
- From the dashboard, click "Create Task" in the navigation bar.
- Fill in task details including title, description, due date, and priority.
- Optionally, associate the task with an existing event.
- Use the task completion button on the dashboard to mark tasks as completed.
You can customize the application's appearance by modifying:
- CSS Variables: Edit the root variables in
css/styles.cssto change colors and effects - Tailwind Configuration: Modify the Tailwind configuration in the script tags
The modular structure makes it easy to add new features:
- Create a new PHP file for your feature
- Set up necessary database tables or modify existing ones
- Link to your new feature from the navigation menu
- Passwords are hashed using PHP's password_hash() function
- Prepared statements prevent SQL injection
- Input sanitization is implemented throughout
- Sessions are used for secure user authentication
Regularly backup your MySQL database using phpMyAdmin or the MySQL command line:
mysqldump -u username -p event_dashboard > backup.sql- Pull the latest code from the repository
- Check for any database schema changes in
db/setup.php - Apply any necessary updates to your database structure
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Please feel free to submit a Pull Request.
For support, email [email protected] or open an issue in the repository.