React Node JS Berry

Berry is a creative React Dashboard build using the Material-UI. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete game-changer React Dashboard Template with an easy and intuitive responsive design as on retina screens or laptops. The product comes with a simple JWT authentication flow: login/register/logout.

Features

Modern aesthetics UI design - Designed by CodedThemes
Material-UI components
React, Redux, Redux-persist
Authentication: JWT Login/Register/Logout

Note: This product can be used with other API Servers for a complete fullstack experience. ALL API servers use an unified interface

Django API Server - open-source product
Flask API Server - open-source product
Node JS API Server - open-source product / Typescript / SQLite / TypeORM / Joy for validation
Node JS API Server PRO - commercial product
- SQLite / TypeORM / Joy / Docker
- MongoDB / Mongoose / Joy Docker (separate branch, same project)

Links

React Node JS Berry - product page
React Node JS Berry - product documentation
React Node JS Berry - LIVE Demo
Support via Github (issues tracker) and Discord - LIVE Assistance

How to use it

To use the product Node JS (>= 12.x) is required and GIT to clone/download the project from the public repository.

Step #1 - Clone the project

$ git clone https://github.com/app-generator/react-berry-admin-template.git
$ cd react-berry-admin-template

Step #2 - Install dependencies via NPM or yarn

$ npm i
// OR
$ yarn

Step #3 - Start in development mode

$ npm run start 
// OR
$ yarn start

Configure the backend server

The product comes with a usable JWT Authentication flow that provides only the basic requests: login/logout/register.

API Server URL - src/config.js

const config = {
    ...
    API_SERVER: 'http://localhost:5000/api/'  // <-- The magic line
};

API Server Descriptor - POSTMAN Collection

The API Server definition is provided by the Nodejs API Server

API POSTMAN Collection - can be used to mock (simulate) the backend server or code a new one in your preferred framework.

Docker execution

Get the code

$ git clone https://github.com/app-generator/react-berry-admin-template.git
$ cd react-berry-admin-template

Start the app in Docker

$ sudo docker-compose pull && sudo docker-compose build && sudo docker-compose up -d

Visit http://localhost:3000 in your browser. The Berry Template should be up & running.

Node JS API Server

The product is also open-source and cis already configured to work with Berry Dashboard Template - product features:

Nodejs / Express server
JWT authentication (passport-jwt strategy)
Persistence: MongoDB