An open API service indexing awesome lists of open source software.

https://github.com/arifszn/reforge

๐ŸŽฒ An out-of-box UI solution for enterprise applications as a React boilerplate.
https://github.com/arifszn/reforge

admin admin-dashboard ant-admin ant-design ant-design-admin-template ant-design-pro antd antd-admin antd-starter-kit dashboard frontend-starter-kit react react-starter-kit react-starter-project reactjs tailwind-admin tailwind-admin-template tailwind-dashboard

Last synced: about 2 months ago
JSON representation

๐ŸŽฒ An out-of-box UI solution for enterprise applications as a React boilerplate.

Awesome Lists containing this project

README

        







An out-of-box UI solution for enterprise applications as a React boilerplate.


Demo
ยท
Report Bug
ยท
Request Feature



Preview



Shadow

## Features

- Elegant and customizable UI using `Tailwindcss` and `Ant Design`.
- Single page application using `React Router`.
- Mock API request using `reqres`.
- Powerful layout and table using `@ant-design/pro-components`.
- Code splitting and lazy loading component using `@loadable/component`.
- State management using `react-redux` and `@reduxjs/toolkit`.
- Persistent redux state using `redux-persist`.
- Loading progress bar using `nprogress`.
- `ESLint` and `Prettier` enabled.
- Option to enable Progressive Web App (PWA). (Only available in production build)
- Axios interceptor enabled to handle API authorization.
- Automated workflow for checking new Pull Request.

## Demo

https://reforge.netlify.app

### Credentials

- **Email:** `[email protected]`
- **Password:** `password`

## Usage

- Clone the project and change directory.

```shell
git clone https://github.com/arifszn/reforge.git
cd reforge
```

- Install dependencies.

```shell
npm install
```

- Run dev server.

```shell
npm run dev
```

- Finally, visit [`http://localhost:5173`](http://localhost:5173) from your browser. Credentials can be found above.

## Config

Settings including app name, theme color, meta tags, etc. can be controlled from one single file **`config.ts`** located at the project's root.

```ts
//config.ts
const CONFIG = {
appName: 'Reforge',
enablePWA: true,
theme: {
accentColor: '#818cf8',
sidebarLayout: 'mix',
showBreadcrumb: true,
},
metaTags: {
title: 'Reforge',
description:
'An out-of-box UI solution for enterprise applications as a React boilerplate.',
imageURL: 'logo.svg',
},
};

export default CONFIG;
```

## Support

You can show your support by starring this project. โ˜…



Github Star

## Contribute

To contribute, see the [Contributing guide](https://github.com/arifszn/reforge/blob/main/CONTRIBUTING.md).

## License

[MIT](https://github.com/arifszn/reforge/blob/main/LICENSE)