React Argon Design PRO fullstack
Start your Development with an Innovative Admin Template for Argon Design System and React. Argon Design PRO PReact
is built with over 100 frontend individual elements, like buttons, inputs, navbars, alerts or cards, giving you the freedom of choosing and combining. The product comes with a simple JWT authentication flow: login/register/logout.
- ๐ React Argon Design PRO -
product page
- ๐ React Argon Design PRO -
LIVE Demo
Features:
- โ Innovative Argon Design System (PRO Version) - Crafted by Creative-Tim
- โ
React,
JWT Authentication
- โ
Full-stack
ready using Node JS API Server (open-source project)- Features: Typescript / SQLite / TypeORM / Joy (validation) / Passport library -
passport-jwt
strategy.
- Features: Typescript / SQLite / TypeORM / Joy (validation) / Passport library -
๐ Fully Coded components
Argon Design System PRO React is built with over 1200 individual components, 43 sections and 18 example pages giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SCSS files.
๐ Core re-built from scratch
Start your development with a Premium Argon Design System for Bootstrap 4, React, Reactstrap and React Hooks. Argon is a completly new product built on our newest re-built from scratch framework structure that is meant to make our products more intuitive, more adaptive and, needless to say, so much easier to customize.
๐ Fully coded components
Argon Design System PRO React is built with over 1100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SCSS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.
Compatibility matrix
using Ubuntu18.04 LTS
as reference.
NodeJS | NPM | YARN |
---|---|---|
v14.0.0 |
โ | โ |
v15.0.0 |
โ | โ |
v16.15.0 |
โ | โ |
To use the product Node JS (>= 14.x) is required and GIT to clone/download the project from the public repository.
๐ Step #1 - Download the product source code
$ unzip react-argon-argon-pro.zip
$ cd react-argon-argon-pro
๐ Step #2 - Install dependencies via NPM or yarn
$ npm i
// OR
$ yarn
๐ Step 3 - Edit the
.env
using the template.env.sample
.
REACT_APP_BACKEND_SERVER='http://localhost:5000/api/'
๐ Step #4 - Start in development mode
$ npm run start
// OR
$ yarn start
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.
The product is also open-source and is already configured to work with Berry Dashboard Template - product features:
- Typescript / Node js / Express server
- JWT authentication (
passport-jwt
strategy) - Persistence: SQLite
Links
- Node JS API - source code
- Node JS API - product page
๐ 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 Argon Design PRO - Provided by AppSeed.