React Purity Nodejs

Updated: 2 May 2025

67 Stars

React Purity NodeJS - Full-Stack Starter crafted on top of Purity Dashboard, React and NodeJS | App-Generator.dev

Overview:

The React Purity Dashboard is an innovative admin template built for Chakra UI and React. It offers over 70 frontend individual elements like buttons, inputs, navbars, cards, and alerts that can be customized with different color variations using Chakra’s style props. In addition, the product includes a simple JWT authentication flow for login, registration, and logout.

Features:

Over 70 frontend individual elements: Choose from a variety of buttons, inputs, navbars, navtabs, cards, and alerts.
Customizable color variations: Easily modify the color of components using Chakra’s style props.
JWT authentication flow: The product comes with a simple login, registration, and logout functionality using JWT authentication.
Built with React App Generator: The dashboard is built using the React App Generator tool.
Innovative Chakra Design: The design of the dashboard is crafted by Creative-Tim, ensuring an innovative and modern look.
React, Redux, Redux-persist: The dashboard is built using React, Redux, and Redux-persist libraries.
Full-stack ready using Node JS API Server: The product is provided with a backend server built on Node.js, making it full-stack ready.
Typescript / SQLite / TypeORM / Joy (validation) / Passport library: The backend server is built with various technologies including Typescript, SQLite, TypeORM, Joy for validation, and Passport library with passport-jwt strategy for authentication.

Installation:

To use the React Purity Dashboard, follow these steps:

Clone the project from the public repository using Git.
```
git clone [repository-url]
```

Install the project dependencies using either NPM or Yarn.

cd [project-directory]
npm install
// OR
yarn install

Edit the .env file using the template .env.sample to set the environment variables as per your requirements.
Start the project in development mode.
```
npm run start
// OR
yarn start
```

To configure the backend server for authentication, follow these steps:

Set the API Server URL in the src/config/constant.js file.
Use the provided API Server Descriptor in POSTMAN Collection format to mock or code a new backend server.

For the Node.js API Server, follow these steps:

Clone the project from the provided source code repository.
Install the project dependencies using NPM or Yarn.
Run the SQLite migration using TypeORM.
```
npm run migration
// OR
yarn migration
```
Start the API server in development mode.
```
npm run start
// OR
yarn start
```

The API server will start running on the specified port as mentioned in the .env file, with the default being 5000.

Summary:

The React Purity Dashboard is an admin template designed for Chakra UI and React. It offers a wide range of frontend elements and allows for easy customization of colors using Chakra’s style props. The product also includes a simple JWT authentication flow and is full-stack ready with a Node.js API server. The dashboard provides a modern and innovative design crafted by Creative-Tim.

React Purity Nodejs

Categories

Overview:

Features:

Installation:

Summary: