Skip to content

devugees/react-cms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Content Management System

We believe in dynamic!
Everything's in relation to one another.

For every action,there is an equal and opposite reaction.
Isaac Newton

You want to master your Content Management System, instead of vice versa?!
REACT CMS

  • gives you the freedom of creating a dynamic CMS
  • build whatever you want, whenever you want
  • from Front-end to Back-end
  • customize your CSS

Getting started

  • Installation
  1. git clone https://github.com/devugees/react-cms.git
  2. cd react-cms
  3. Install Front-end yarn install or npm install from root folder
  4. Install Back-end
    -- cd backend
    -- yarn install or npm install
  5. cd ../ into root folder
  6. yarn dev or npm dev
  7. STOP ctrl+c

set up your .env first

  • Envoirement Variables
  1. in your texteditor go to backend folder and create a new file, name it .env
  2. go to .env.default copy variables and paste inside .env
MONGOURL=
PORT=
  1. create a MongoDB on mLab or use your local one
  2. copy your MONGOURL from mLab and paste it into .env
  3. PORT default is 5000
  4. now your're all set to yarn dev or npm dev your dynamic CMS

Some Photos of the Appliction:

The adminstration page: Here where you can add new content type alt text

Here where you can add the fields for your content types like : title ,description ,price .... what ever info you want your content to have

alt text

And here you can see after saving the content type , it will be added to the dashbord

alt text

Here you can start adding content to your content type

alt text

Here you can see our media picker

alt text

After you pick the photo and enter the data you can add it to your content list

alt text

Here where you see it added

alt text

#there is still much more into the Applecation to discover