EventEase is a web-based platform that connects event vendors (such as decorators, caterers, and photographers) with event planners. It provides a central space for planners to discover and book service providers, and for vendors to manage their profiles and track inquiries — all through a clean, responsive interface.
Built as a collaborative project by Team Nairobi, EventEase handles three distinct user roles: vendors, planners, and admins, each with their own dashboard and workflow.
🔗 Live Demo: lajoc-eventease.vercel.app
- Features
- Tech Stack
- Project Structure
- Pages & User Roles
- Getting Started
- Contributing
- License
- Author
- Vendor Listings — Browse and search for event service providers across categories and locations.
- Dynamic Cards — Vendor and planner cards are rendered dynamically via JavaScript.
- Search & Filter — Filter vendors and planners by category or location.
- Role-Based Dashboards — Separate dashboard views for vendors, planners, and admins.
- User Authentication Pages — Dedicated sign-up and login pages with user profile management.
- In-App Messaging — A chatbox interface for planners and vendors to communicate directly.
- Notification System — Notification pages for both users and admins.
- Admin Controls — Admin panel for managing planner and vendor listings.
- Responsive Design — Mobile-first navigation with dropdown menus and a full desktop layout.
| Layer | Technology |
|---|---|
| Frontend | HTML5, CSS3, JavaScript |
| Icons | Font Awesome |
| Fonts | Google Fonts (Open Sans, Roboto) |
| Backend | Java Spring Boot (API & authentication) |
| Deployment | Vercel |
EventEase/
├── index.html # Public landing and vendor discovery page
├── homepage.html # Authenticated home page
├── css/
│ └── styles.css # Global stylesheet
├── images/ # Logo and UI assets
├── js/
│ ├── script.js # Core app logic and dynamic card rendering
│ └── admin-planner.js # Admin planner list logic
├── pages/
│ ├── login-pg.html # User login
│ ├── signup-pg.html # User registration
│ ├── user-profile.html # User profile management
│ ├── vendor-overview-pg.html # Vendor public profile
│ ├── vendor-dashboard.html # Vendor dashboard
│ ├── planner-profile-pg.html # Planner public profile
│ ├── planner-dashboard.html # Event planner dashboard
│ ├── chatbox.html # In-app messaging
│ ├── notification-pg.html # User notifications
│ ├── admin-dashboard.html # Admin overview dashboard
│ ├── admin-planner-list-pg.html # Admin view of all planners
│ ├── admin-vendor-pg.html # Admin view of all vendors
│ └── admin-notification-pg.html # Admin notifications
└── README.md
EventEase supports three user roles, each with a dedicated set of pages.
Vendors are service providers such as decorators, caterers, and photographers. They can:
- Maintain a public profile (
vendor-overview-pg.html) - Manage bookings and activity from their dashboard (
vendor-dashboard.html) - Receive and respond to messages via the chatbox (
chatbox.html) - View notifications (
notification-pg.html)
Event planners are users who search for and hire vendors. They can:
- Browse vendor and planner listings on the landing page (
index.html) - Manage their profile (
planner-profile-pg.html) - Track events and hired vendors from their dashboard (
planner-dashboard.html) - Communicate with vendors via the chatbox (
chatbox.html)
Admins oversee the platform and manage all users. They can:
- View the admin overview dashboard (
admin-dashboard.html) - Review and manage planner accounts (
admin-planner-list-pg.html) - Review and manage vendor accounts (
admin-vendor-pg.html) - Monitor platform notifications (
admin-notification-pg.html)
EventEase is a static frontend project and requires no build tools or package installation to run locally.
- A modern web browser (Chrome, Firefox, Edge, Safari)
- A code editor such as VS Code (optional, for development)
- Clone the repository:
git clone https://github.com/f-lajoc/EventEase.git- Navigate into the project folder:
cd EventEase- Open
index.htmlin your browser.
Tip: For the best development experience, use the Live Server extension in VS Code to serve the project locally with auto-reload.
Contributions, issues, and feature requests are welcome. To contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name - Commit your changes:
git commit -m "Add your message here" - Push to the branch:
git push origin feature/your-feature-name - Open a pull request.
This project is licensed under the MIT License. You are free to use, modify, and distribute it.
Funmilola Bolaji (lajoc_devs)
Frontend Developer — EventEase Project, Team Nairobi
- GitHub: @f-lajoc