React Purity Dashboard

screenshot of React Purity Dashboard
react
scss
chakra-ui

React Purity Dashboard

React Dashboard - Purity UI Dashboard | AppSeed

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.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

framer-motion
Framer Motion

Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.