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