JSPM

create-nova-vite-base

1.0.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 5
  • Score
    100M100P100Q23256F
  • License MIT

This is a dashboard template built with React and Vite. It provides a modern and responsive user interface for building web applications.

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (create-nova-vite-base) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    🚀 Dashboard Vite Template

    This is a dashboard template built with React and Vite. It provides a modern and responsive user interface for building web applications. It includes:

    • Forms with all shapes
    • Sider
    • Navbar
    • Data tables
    • Filters
    • Graphs
    • Search
    • Uploads
    • Translation using i18n
    • Auth/main stacks
    • An overall ready-for-integration template with an atomic design system.

    ✨ Features

    • React: A JavaScript library for building user interfaces.
    • Vite: A fast build tool and development server.
    • TypeScript: A strongly typed programming language that builds on JavaScript.
    • Redux Toolkit: A toolset for efficient Redux development.
    • RTK Query: Powerful data fetching and caching tool.
    • React Toastify: Easy-to-use toast notifications.
    • React-i18next: Internationalization for React.
    • Day.js: A lightweight JavaScript date library.
    • Ant Design (Antd): A popular React UI framework.
    • React Hook Form: Performant, flexible, and extensible forms with easy-to-use validation.
    • Atomic Design System: A methodology for creating design systems.
    • Husky (optional): Git hooks made easy.
    • ESLint (optional): A tool for identifying and fixing problems in JavaScript code.
    • Reusable Components: Modular and reusable components for easy customization.
    • State Management: Integrated state management using React hooks or context.

    🛠️ Installation

    To get started with this project, follow these steps:

    1. Install the Template:
      npx create-nova-vite-template
    2. Navigate to the project directory:
      cd <project-name>
    3. Install the dependencies:
      npm install

    📚 Usage

    To start the development server, run:

    npm run dev

    To build the project for production, run:

    npm run build

    To preview the production build, run:

    npm run preview

    📸 Screenshots

    Here are some screenshots of the application:

    Dashboard

    Dashboard

    Data Display

    Data Display

    Data Display 2

    Data Display 2

    Forms

    Forms

    Notifications

    Notifications

    Support

    Support

    📋 Changelog

    See the CHANGELOG for a history of changes to this project.

    🤝 Contributing

    Contributions are welcome! Please read the contributing guidelines first.

    📄 License

    This project is licensed under the MIT License.