A community web platform where users can compare two options (A vs. B) through voting and discussion.
Developed for the Web Programming (Fall 2024) course at Dongguk University
Team: Last Dance (엄세영, 이욱현, 최홍서)
CompareMate is a community-based platform that enables users to upload product comparison posts (A vs. B) and gather public opinion through votes and comments. The platform aims to solve the frustration of scattered or technical reviews by promoting peer-driven, real-time decision-making.
Unlike conventional review platforms that focus only on providing static information, CompareMate offers an interactive space for voting, commenting, and profile-based engagement, making product comparison easier and more intuitive.
- Sign up via email and password
- Create a profile (nickname, profile image, interests)
- Login/logout and password reset
- Profile editing & activity tracking (votes, posts, comments)
- Category selection (e.g. Electronics, Fashion, Food)
- Post with title, description, images, and vote options
- Support for multiple-choice voting and vote deadlines
- Real-time voting result display
- Optional vote-ending notifications
- Threaded comment/reply system per post
- Like system for helpful comments
- Bookmark feature for favorite posts
- Explore posts by category or in global feed
- Vote history and comment tracking
- Responsive layout with intuitive user flow
- Users earn badges based on activity count (votes, comments, posts)
- Displayed in profile to encourage engagement
- Alerts when someone replies to your comment or your vote ends
- Clear all notifications at once
| Area | Tools & Technologies |
|---|---|
| Frontend | HTML, CSS, JavaScript, JSP |
| Backend | Java (Servlets), JSTL, EL |
| UI Design | Figma |
| Database | MySQL |
| Server | Apache Tomcat 9 |
| IDE | Eclipse |
Recent consumer trends show that:
- 78.6% of shoppers always check reviews before buying
- 69.4% abandon purchases due to negative reviews
- Most trust real-user opinions over ads
Yet, most review platforms do not offer active engagement like voting or live discussion. CompareMate fills this gap by offering an open voting space supported by real comments and profile interactions.
- Helps users make faster and smarter purchase decisions through collective input
- Encourages community interaction and shared insights
- Enhances user retention through badges and personalization
- Report/Flag System: To handle inappropriate content and maintain a healthy community
- Personalized Recommendations: Suggest posts based on user's interests and past votes
- Admin Tools: Moderate flagged content and user behavior
| Name | Role |
|---|---|
| 엄세영 | UI/UX Designer (Figma), Frontend Developer, Documentation Lead |
| 최홍서 | Fullstack Developer (Frontend + Backend) |
| 이욱현 | Backend Developer, DB Integration |
This project was developed as part of an academic course.
It is not intended for commercial use but serves as a foundation for real-world web development experience.