Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/stuyspec/cms

New CMS using React + Typescript.
https://github.com/stuyspec/cms

cms react

Last synced: 4 days ago
JSON representation

New CMS using React + Typescript.

Host: GitHub
URL: https://github.com/stuyspec/cms
Owner: stuyspec
License: mit
Created: 2018-12-22T02:06:36.000Z (about 6 years ago)
Default Branch: master
Last Pushed: 2023-02-28T05:59:37.000Z (almost 2 years ago)
Last Synced: 2024-03-27T13:17:25.339Z (10 months ago)
Topics: cms, react
Language: TypeScript
Size: 6.04 MB
Stars: 5
Watchers: 10
Forks: 10
Open Issues: 37
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Content Management System

[![license](https://img.shields.io/github/license/mashape/apistatus.svg)]()

A CMS for the [Spectator website](https://stuyspec.com) built in [React](https://github.com/facebook/react) and [Typescript](https://www.typescriptlang.org/). The editor utilizes [ProseMirror](https://prosemirror.net/) to enable rich multimedia content.

## Setting Up

1. Clone the repository

```

$ git clone https://github.com/stuyspec/cms.git

```

2. In the `cms` folder, run 

```

npm install

```

3. Run the application

```

npm start

```

4. CMS won't work alone; you will also need to setup your own local [stuyspec-api](https://github.com/stuyspec/stuyspec-api) database

> React automatically hot reloads the code so it will take a few seconds to see your code reflect in the build

# Interface

## Article/Draft Screen

![article homepage](https://user-images.githubusercontent.com/24882287/87843054-224b8d80-c87f-11ea-8efd-a43382bfa6d8.png)

## Article Editor

![article editor](https://user-images.githubusercontent.com/24882287/87843080-6b9bdd00-c87f-11ea-9333-063d48f5d6f0.png)

### Graph Editor

![bar chart editor](https://user-images.githubusercontent.com/24882287/87843151-17ddc380-c880-11ea-8f24-8e605960bffe.png)

### Image/Slideshow Editor

![image creation](https://user-images.githubusercontent.com/24882287/87843239-e4e7ff80-c880-11ea-8e6c-c2102cf2c0ff.png)

## User Creation

![user page](https://user-images.githubusercontent.com/24882287/87843262-13fe7100-c881-11ea-9a2e-6ed44f3dcc92.png)