full-stack
Start your development with a modern Design System for Bootstrap, React
and Reactstrap
. React Argon System is open source, and it features many components that can help you create amazing websites.
The product comes with a simple JWT authentication flow: login/register/logout
.
product page
LIVE Demo
PROMO
Spring Boost Campaign 50%OFF
The discount is applicable to all products and licenses (no stock limits) until
15.MAR
š Built with React App Generator
Argon Design System
- Crafted by Creative-Timpassport-jwt
strategy.
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 - Clone the project
$ git clone https://github.com/app-generator/react-argon-design.git
$ cd react-argon-design
š 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
The product is also open-source and is already configured to work with Berry Dashboard Template - product features:
passport-jwt
strategy)Links
š 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).
For more components, pages and priority on support, feel free to take a look at this amazing starter:
Argon Design React PRO
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.
Enhanced UI
- more pages and componentsPriority
on supportReact Argon Design - Provided by AppSeed.