Skip to content

techfever-soft/hazecms-frontend

Repository files navigation

Haze Logo

🚀 HazeCMS (front-end)

This repository contains the frontend code for a flexible and lightweight Content Management System.

Frontend part was built using Angular 16.

Backend part was built with NodeJS.

This project is still quite small and build by one developer. But I hope to make it grow with the help of the community.

If you want to clone the back-end server, please go here

Changelogs

v0.0.4

  • Added login/register for users with JWT
  • Added admin dashboard items
  • Patched update system
  • Added external scripts part

v0.0.3

  • Patched documentation link
  • Added admin dashboard items
  • Added new items to admin settings
  • Patched update system

v0.0.2

  • Added changelogs
  • Added update settings
  • Added dynamic pages
  • Added example homepage and blog

v0.0.1

  • Patched blog
  • Patched admin menu

Front-end features

  • Content Management System
  • User-Friendly Interface
  • Visual page builder (DEMO, for the moment)
  • Material Design Extended Components
  • Server-Side Rendering (SSR)
  • Customizable
  • Responsive Design
  • Multi-language
  • SEO Optimized
  • Users & roles Management
  • Advanced text editor
  • Extensible via Plugins

Back-end features

  • MySQL support
  • MongogDB support
  • Firebase support
  • Dynamic Pages Creation
  • API endpoints
  • Data encryption
  • Updates management
  • User and Admin Authentification
  • Medias management (Image, Video and Fonts)
  • Server Load Balancing for Scalability
  • User Activity Logs for Auditing
  • Extensible via Plugins

Haze API features

  • Licence management
  • E-commerce capacibilities
  • Cloud storage integration
  • Notification system
  • Scheduled Tasks and Cron Jobs
  • Integration with thid-party services
  • Extensible via Plugins

Getting Started

These instructions will help you get a copy of the project up and running on your local machine for development and testing purposes.

Please refer to USAGE.md for good practises and to setup your developement environment

Prerequisites

  • An API key to activate your CMS. Get an API Key.

  • Access to your HazeCMS back-end server.

  • Node.js V16+ and npm V9+ installed.

    node --version
    npm --version
  • Angular V16+ installed globally

    npm i -g @angular/cli
  • An available database server with an empty database called "hazecms" or what you want

    • MySQL (default port 3306)
      mysql -u root -p
    • MongoDB
    • Firestore

Installation

Please refer to the documentation

Usage

Please refer to the documentation

Deployment

  1. Replace your variables inside src/app/environments

  2. Build and deploy code

    • Basic
      • Run npm run build:prod
      • Deploy your ./dist/frontend/browser files into a web server (drag-and-drop, FTP...)
    • SSR
      • Build SSR files with npm run build:ssr
      • Prerender routes with npm run prerender
      • You can now test your application by running node ./dist/frontend/server/main.js
      • Deploy your ./dist/frontend/server files into a web server (drag-and-drop, FTP...)
    • Firebase
      • Run firebase deploy