random06 / yash1

React Berry Dashboard

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 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 powered by an open-source Node JS API Backend via Passport Library.

Features

• Modern aesthetics UI design - Designed by CodedThemes
• React, Redux, Redux-persist
• Authentication: JWT Login/Register/Logout
• Full-stack Ready using a Node JS API Server (open-source project) - Server Features
  • Typescript / SQLite Persistence / TypeORM / Joy (validation)
  • Passport library - passport-jwt strategy.

Links

• React Node JS Berry - product page
• React Node JS Berry - LIVE Demo
• Free Support via Github (issues tracker) and Discord.
• Related Products:
  • PRO Version: Full-Stack React Berry PRO
  • Django API Backend - Django React Berry - open-source project
  • Flask API Backend - Flask React Berry - open-source project

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
  • Typescript / SQLite / TypeORM / Joy Validation / Docker
  • Typescript / MongoDB / Mongoose / Joy Validation / Docker (separate branch, same project)

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-dashboard.git
$ cd react-berry-dashboard

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/constant.js

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

API Server Descriptor - POSTMAN Collection

The API Server signature is provided by the Unified API Definition

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

Node JS API Server

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

• Typescript / NodeJS / Express Server
• JWT authentication (passport-jwt strategy)
• Persistence: SQLite / TypeORM

Links

• Node JS API - source code
• Node JS API - product page

Compile the API Server

Step #1 - Clone the project

$ git clone https://github.com/app-generator/api-server-nodejs.git
$ cd api-server-nodejs

Step #2 - Install dependencies via NPM or Yarn

$ npm i
// OR
$ yarn

Step #3 - Run the SQLite migration via TypeORM

$ yarn typeorm migration:run

Step #4 - Start the API server (development mode)

$ npm dev
// OR
$ yarn dev

The API server will start using the PORT specified in .env file (default 5000).

---

React Node JS Berry - Provided by CodedThemes and AppSeed App Generator.