Headless CMS Frontend

This is the repository for the ReactJS based frontend of my Headless CMS Personal Project. This CMS is specially designed for managing blogs and is ready to use out-of-the-box. Give it a try.

Table of Contents

• Introduction
• Installation
• Usage
• Available Scripts
• Dependencies
• License

Introduction

This project is a fully functional headless CMS frontend built with ReactJS. It provides an intuitive interface for managing blog content, utilizing various modern web technologies.

Installation

To set up the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/HattySohaib/Headless-CMS-Frontend.git

2. Change into the project directory:

   cd Headless-CMS-Frontend

3. Install the dependencies:

   npm install

Usage

To run the project:

npm start

This will start the app in development mode. Open http://localhost:3000 to view it in your browser. The page will reload when you make changes, and you may also see any lint errors in the console.

Available Scripts

In the project directory, you can run:

• npm start: Runs the app in development mode.
• npm test: Launches the test runner in interactive watch mode.
• npm run build: Builds the app for production to the build folder.
• npm run eject: Ejects the configuration and dependencies.

Dependencies

• @emotion/react: "^11.13.3"
• @emotion/styled: "^11.13.0"
• @mui/material: "^6.1.3"
• @mui/x-charts: "^7.20.0"
• @remixicon/react: "^4.3.0"
• @testing-library/jest-dom: "^5.17.0"
• @testing-library/react: "^13.4.0"
• @testing-library/user-event: "^13.5.0"
• class-variance-authority: "^0.7.0"
• clsx: "^2.1.1"
• jodit: "^4.2.27"
• jodit-react: "^4.1.2"
• react: "^18.3.1"
• react-dom: "^18.3.1"
• react-router-dom: "^6.23.1"
• react-scripts: "^5.0.1"
• react-toastify: "^10.0.5"
• web-vitals: "^2.1.4"

License

This project is licensed under the ISC License.