Committee Website Template (CMS) by ACM at UCLA Dev Team

Arsh Malik
tech@ucla
Published in
2 min readMar 4, 2024

ACM at UCLA comprises eight committees that focus on different areas of Computer Science. A majority of the committees hold general member facing events that attract a significant number of students. To reach more people who might be interested in such offerings, they advertise their events on the weekly newsletter, discord, and ACM website’s events page. However, an important thing that’s missing is a committee’s own page on the internet that would serve the purpose of highlighting not just the events the committee organizes, but also bringing to the forefront people who put in the effort and run the committee, its officers. The idea of building a website for each committee is overwhelming, and this is where the Committee Website Template (CMS) built by ACM’s Dev Team shines.

So what is this project about? The Committee Website Template, or CMS in short, is a no-code solution that empowers any committee to put up their website in minutes. It comes with minimal maintenance requirements and focuses on the more important aspects such as the content that goes on the page itself — the officers page showcasing the committees’ officers and the events page listing the committees’ initiatives coming up in the near future.

CMS is a template repository that sets up a few minor systems for a Next.js React micro-app with TypeScript, which is something that we’ve done frequently at ACM here at UCLA. This was based on TeachLA’s React Starter and some Next.js project set-up within opensource @ ucla. Under the hood, we use both ESLint and Stylelint to lint our JS and CSS code respectively.

The template is being used by the ACM Board, ACM W, and ACM AI. In the future, ACM’s initiatives such as JEDI and Impact shall also be using the template to reach more people who might be interested in their offerings. Given the success of this project, I would like to close by recognizing the developers who put in the hard work to make this possible:

--

--