Demo · Report Bug · Request Feature

• 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.

https://reforge.netlify.app

• Email: [email protected]
• Password: password

• Clone the project and change directory.

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

• Install dependencies.

  npm install

• Run dev server.

  npm run dev

• Finally, visit http://localhost:5173 from your browser. Credentials can be found above.

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

//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;

You can show your support by starring this project. ★

To contribute, see the Contributing guide.

MIT