T.T - Event Planning App

What is this?

A single page web application called “T.T” (Together Tool), developed as a group project for the Software Engineering course at university. It helps users quickly organize events by creating polls, sharing voting links, and automatically finding time slots that work for everyone through calendar integration and voting. Users get clear dashboards to view results, making group scheduling simple and efficient.

Check out the demo to take a quick look of the project!

About my role

I was primarily responsible for frontend development in a 5-person team.

• Designed and built the animated home page with smooth transitions and engaging visuals
• Developed the interactive calendar view, event management UI, and admin panel interface with clean, intuitive layouts
• Built reusable components, ensured responsive design, polished animations, and handled API integration to connect seamlessly to the backend
• Assisted with additional frontend work to help balance team workload and polish the overall user experience

Technologies I used

• Frontend: React.js, Redux (for global state management)
• Backend: Node.js, Express, Mongoose
• Database: MongoDB
• Authentication: JWT-based user authentication

Features

Core User Features

• User authentication (registration and login)
• Animated, intuitive landing and home pages
• Full CRUD functionality for events
• Interactive calendar for event creation and management
• Voting polls with shareable, time-limited links
• Availability checks that block already-occupied time slots during event creation and voting
• User-friendly dashboard displaying voting results, event statistics, personal history, and profile management

Admin Features

• Admin dashboard with full CRUD access to all core data (users, events, etc.)
• Overview of platform-wide user and event statistics

Challenges & how I approached them

1. Tight timeline with ambitious goals and competing priorities

• We set high goals for functionality, UI/UX polish, clean code, and a few extra features (such as Google Calendar integration and notifications) to aim for a strong final result
• With limited time, we constantly balanced core features against visual polish and code quality, focusing on getting all essential functionality working first
• As the deadline approached, we chose to defer some advanced features in order to deliver a cohesive, reliable product on time

2. Collaborating within a larger team (5 people) with varying MERN experience

• Some teammates had little to no prior experience with the stack
• Held regular meetings, progress updates, and open communication to keep everyone aligned
• Divided tasks based on comfort and strengths, offered help whenever needed, and maintained a supportive environment so no one felt overwhelmed

So, what was the outcome?

• Earned an A grade in the Software Engineering course
• Project was selected by the professor as an exemplary reference for future students, which is a huge recognition for the team
• Delivered a completely functional, polished app that we actually used ourselves for real meetups and gatherings

Things I learned

• More hands-on experience with the full MERN stack in a real team setting
• How to create engaging, modern UI/UX with smooth animations (especially proud of the home page design and flow)
• Effective collaboration with teammates of different technical backgrounds and experience levels
• Working under pressure and tight deadlines while balancing features, code quality, and visual polish
• How to prioritize, make trade-offs, and support the team to deliver a high-standard project together