CMCC

  • Web & Software Development
Thumbnail

The Capital Market Case Competition (CMCC) is a visionary event in Thailand, organized by the Investment Banking Club, FynnCorp Advisory. As the first competition of its kind, CMCC required a robust, intuitive web platform to seamlessly manage all aspects of the event for both participants and organizers.

This project gave me the opportunity to lead the end-to-end development of two integrated applications—delivering functionality, scalability, and a smooth user experience.


The Vision

CMCC aimed to challenge participants with real-world scenarios in the capital markets. My goal was to translate this vision into a digital solution by building:

  1. A frontend platform for participants to register, form teams, upload solutions, and track their progress through three rounds of competition.
  2. A backoffice system for administrators to manage participants, upload problem prompts, and evaluate solutions.

Frontend Development

The frontend application was designed to make participation effortless. Key features include:

  • Event Registration: Simple profile creation for participants.
  • Team Management: Tools for forming and managing teams.
  • Prompt and Solution Management: Admins can upload problem prompts, while teams submit their solutions directly through the platform.
  • Competition Rounds: Admins evaluate and select winning teams for three rounds, culminating in a final vote for the champion.

Explore the UI designs below:


Backoffice Development

The backoffice application provided administrators with streamlined tools to efficiently manage the competition. Key features include:

  • Participant Management: View and organize participant data.
  • Prompt Uploads and Reviews: Admins can upload prompts and evaluate team submissions.
  • Event Scheduling and Communication Tools: Tools for managing schedules and notifying participants.

Explore the UI designs below:


Key Features

The CMCC platform was built with both participants and administrators in mind:

  • Personalized Dashboards: Tailored for participants to view updates and details.
  • Resource Management: Centralized access to competition materials.
  • Round Management: Tools for evaluating and progressing teams through rounds.
  • Secure File Handling: Ensures prompt uploads and submissions remain protected.

Technologies Used

The CMCC project utilized modern technologies to deliver a scalable, reliable platform:

  • Frontend: React.js for dynamic and responsive user interfaces.
  • Backend: Node.js and Express.js for efficient server-side logic with JWT-based authentication.
  • Database: PostgreSQL for robust and reliable data storage.
  • Deployment: Docker for containerization and DigitalOcean for hosting.
  • Monitoring: DigitalOcean’s monitoring tools with email alerts for performance tracking.
  • CI/CD: GitHub Actions for seamless deployment pipelines.

Development Highlights

Microservices Architecture

I implemented a microservices architecture to divide the application into modular, independent services—handling authentication, data storage, and caching.

Testing & Collaboration

By working closely with the project owner, we role-played various user scenarios to validate workflows and ensure an intuitive experience across all user roles.

Scalability & Security

  • Scalability: Leveraged Node.js’s asynchronous capabilities and scaled the DigitalOcean droplet to handle traffic spikes during critical competition periods.
  • Security: Implemented Docker’s internal volumes for secure file handling and restricted server access using SSH keys.

Challenges & Insights

  • Challenge: Adapting to Ant Design’s documentation was initially challenging, but hands-on experimentation allowed me to unlock its potential and streamline the UI development process.
  • Insight: Collaborating with a technically knowledgeable project owner and designer underscored the value of clear communication and shared understanding, making the development process efficient and enjoyable.

Future Enhancements

To further enhance the platform’s reliability and maintainability, I plan to introduce unit testing for both the frontend and backend. Automated testing will ensure that key features remain robust and easy to scale for future iterations.


Conclusion

The CMCC web platform successfully brought Thailand’s first capital market competition to life. By combining innovative technology with thoughtful design, I delivered a solution that empowered both participants and organizers, ensuring the event’s success.

This project reflects my ability to lead a full-stack development process, from design interpretation to deployment, while maintaining a focus on user experience and technical excellence.

Latest Projects

All Projects
  • KTB Susukati
  • Pruksa
  • SEAADE IADR 2020
  • Sugar & Pepper
  • Kiluth POS
  • Bonsoir Home
  • Elephant House

Latest Experiments

All Experiments
  • Property Recommendation
  • Horizontal Gallery