About the project

Students in this course were presented with the task of creating a back-to-back content management system. Their solution, CMuSy, displays all the functionalities immediately required for creating a working website. 

Attention! In order to log in and view the project, enter the following details into the system.

Login: wow1996strap@gmail.com

Password: 1945

Technologies used: 

  • Typescript.
  • React.
  • Redux.
  • React hooks.
  • Formik.
  • Node.js
  • Nest.js
  • MongoDB
  • Mongoose
  • Tasks

Step-by-step Breakdown

  • Create a comprehensive CMS (Content Management System) that packs all the features frequently utilised by small and medium-sized businesses – straight out of the box. Use the powerful Node.js + MongoDB + React integration.
  • The CMS administration panel must follow the SPA (Single Page Application) principle for a faster, more intuitive workflow.
  • Your system should support server-side rendering of Frontend features and loading HTML/JSs in a SPA format with React.js
  • The CMS you create should be SEO-friendly. Meaning sites created on it should immediately comply with all SEO requirements and boast an optimal loading speed. To ensure this, implement the following features: Lazy load Image compression Automatic conversion of images to a webp format Automated caching Efficient relocation of scripts Micromarking important site features (company information, contacts, articles, products and services, etc.) Comprehensive site map, automatically updated when the site structure changes; Google Indexing API integration Autotranslit headers
  • Sites rendered on your CMS should be inherently multilingual. In other words, the user can easily add as many languages ​​to the site as they like and conveniently create content for each page in several languages.
  • Your system should be protected via two-factor authentication using Google Authenticator. This will prevent the theft of login details and shield users against malicious SIM card duplicates.
  • The CMS must make it easy for users to organise and access their files via an intuitive interface and the function to create folders and subfolders.
  • Your system must support integration with the WayFoPay payment module.
  • The CMS you create should feature a tool for managing site administrators.

Execution Plan

  • Implementing CMS functionalities and terms of reference
  • Building an intuitive Frontend architecture
  • Setting up a robust Backend structure
  • Prioritising and delegating dev tasks in a peer-to-peer environment
  • Devising a minimum viable product (MVP)
  • Prototyping Frontend features
  • Testing your MVP
  • Optimising product features
  • Finalising a fully working application
  • Presenting the results of your work to stakeholders

Not sure where to start your journey in Tech?

Sign up for a free consultation with one of our career experts to receive a tailor-made blueprint for breaking into the field. 

What we do to support your tech career goals: 
  • Helping you settle on an in-demand role that plays to your individual strengths
  • Data-driven advice on the optimal upskilling course for you
  • Personal welcome from prospective instructors
  • One-on-one advisory sessions with a career specialist 
  • Exclusive tour of our Metaverse learning centre

Book a free career consultation today