https://github.com/instacode/gh-actions-dashboard
https://github.com/instacode/gh-actions-dashboard
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/instacode/gh-actions-dashboard
- Owner: InstaCode
- License: other
- Created: 2022-05-23T19:40:02.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-03-08T01:20:01.000Z (over 3 years ago)
- Last Synced: 2025-08-16T09:39:27.855Z (10 months ago)
- Language: SCSS
- Size: 4.84 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [React Datta Able](https://appseed.us/product/react-node-js-datta-able)
**Datta Able** is an open-source **React Dashboard** that provides a colorful and modern design. Datta Able React Free is the most stylised React Free Admin Template, around all other admin templates in the market. It comes with high feature-rich pages and components with fully developer-centric code. The product comes with a simple JWT authentication flow: login/register/logout.
> Features
- Modern aesthetics UI design - Designed by [CodedThemes](https://codedthemes.com/)
- React, Redux, Redux-persist
- Authentication: JWT Login/Register/Logout
- Full-stack ready using **[Node JS API Server](https://github.com/app-generator/api-server-nodejs)** (open-source project)
- Features: Typescript / SQLite / TypeORM / Joy (validation) / Passport library - `passport-jwt` strategy.
> Links
- 👉 [React Node JS Datta Able](https://appseed.us/product/react-node-js-datta-able) - product page
- 👉 [React Node JS Datta Able](https://react-node-js-datta-able.appseed-srv1.com/) - LIVE Demo
- 👉 Free [Support](https://appseed.us/support) via **Github** (issues tracker), Email and [Discord](https://discord.gg/fZC6hup).
## ✨ Quick Start in `Docker`
> Get the code
```bash
$ git clone https://github.com/app-generator/react-datta-able.git
$ cd react-datta-able
```
> Start the app in Docker
```bash
$ docker-compose up --build
```
The React UI starts on port `3000` and expects an API server on port `5000` (saved in configuration).
> **Note**: This product can be used with other API Servers for a complete fullstack experience. **ALL API servers use an unified interface**
- [Django API Server](https://github.com/app-generator/api-server-django) - open-source product
- [Flask API Server](https://github.com/app-generator/api-server-flask) - open-source product
- [Node JS API Server](https://github.com/app-generator/api-server-nodejs) - open-source product / Typescript / SQLite / TypeORM / Joy for validation
- [Node JS API Server PRO](https://github.com/app-generator/api-server-nodejs-pro) - **commercial product**
- Typescript / SQLite / TypeORM / Joy Validation / Docker
- Typescript / MongoDB / Mongoose / Joy Validation / Docker (separate branch, same project)
## ✨ How to use it
To use the product Node JS (>= 12.x) is required and GIT to clone/download the project from the public repository.
**Step #1** - Clone the project
```bash
$ git clone https://github.com/app-generator/react-datta-able.git
$ cd react-datta-able
```
**Step #2** - Install dependencies via NPM or yarn
```bash
$ npm i
// OR
$ yarn
```
**Step #3** - Start in development mode
```bash
$ npm run start
// OR
$ yarn start
```
## ✨ Configure the backend server
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`
```javascript
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](https://docs.appseed.us/boilerplate-code/api-unified-definition)
- [API POSTMAN Collection](https://github.com/app-generator/api-server-unified/blob/main/api.postman_collection.json) - can be used to mock (simulate) the backend server or code a new one in your preferred framework.
## ✨ Node JS API Server
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](https://github.com/app-generator/api-server-nodejs) - source code
- [Node JS API](https://appseed.us/boilerplate-code/nodejs-starter) - product page
### Compile the API Server
**Step #1** - Clone the project
```bash
$ git clone https://github.com/app-generator/api-server-nodejs.git
$ cd api-server-nodejs
```
**Step #2** - Install dependencies via NPM or Yarn
```bash
$ npm i
// OR
$ yarn
```
**Step #3** - Run the SQLite migration via TypeORM
```
$ yarn typeorm migration:run
```
**Step #4** - Start the API server (development mode)
```bash
$ npm dev
// OR
$ yarn dev
```
The API server will start using the `PORT` specified in `.env` file (default 5000).
---
[React Node JS Datta Able](https://appseed.us/product/react-node-js-datta-able) - Provided by [CodedThemes](https://codedthemes.com/) and **AppSeed [App Generator](https://appseed.us/app-generator)**.