Skip to main content

NodeJS React Datta PRO

Premium seed project built in React and NodeJS on top of Datta Able Dashboard (PRO version)

Open-source full-stack seed project coded in React and NodeJS on top of a modern design from CodedThemes. The React / Django codebase is already configured with an SQLite database, API, and JWT token-basedauthentication flow.

Django React Datta PRO


Product features​

The product expects a running API backend that exposes an interface for login/logout and register actions. By default, the guest users are redirected to the login page. Once the user is authenticated using an existing account or the new one, all private pages are accessible. Here are the steps to compile the product.


Dependencies

To use the product, Nodejs, and Python3 are required in order to compile the product (backend & frontend).

Step #1 - Download the sources from the product page (requires a purchase)

$ unzip react-datta-able-dashboard-pro.zip
$ cd react-datta-able-dashboard-pro

Step #2 - Install dependencies via NPM or yarn

$ npm i
// OR
$ yarn

Step #3 - Start in development mode

$ npm run start
// OR
$ yarn start

Step #4 - Configure the backend - src/config.js

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

NodeJS API Server​

Simple Express / Nodejs Starter with JWT authentication, OAuth (Github), and SQLite persistance.

Requirements​


How to use the code​

👉 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 Yarn

$ npm i
// OR 
$ yarn

👉 Step 3 - Run the SQLite migration via TypeORM

$ npm run typeorm migration:run
// OR 
$ yarn typeorm migration:run

👉 Step 4 - Edit the .env using the template .env.sample. 

PORT=5000                       # API PORT
SQLITE_PATH=./database.db       # Path to the SQLite database file
SECRET="Whatever-STRONG"        # Secret for sensitive data hashing

👉 Step 5 - Start the API server (development mode)

$ npm run dev
// OR
$ yarn dev

👉 Step 6 - Production Build (files generated in build directory)

$ yarn build

👉 Step 7 - Start the API server for production (files served from build/index.js)

$ yarn start

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

With backend and frontend up & running, we can start using the product, register. and authenticate. The React UI will reveal the private pages once the users are authenticated.

Django React Datta PRO


Resources​