62 lines
3.1 KiB
Markdown
62 lines
3.1 KiB
Markdown
<p align="center">
|
|
<a href="https://react-sneat-bootstrap-admin-template.vercel.app/" target="_blank">
|
|
<img style="margin-right:20px" src="https://user-images.githubusercontent.com/749684/150333149-805037bc-8874-4a1f-876a-61a9683f8ef5.png" alt="sneat-logo" width="30px" height="auto">
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1280px-React-icon.svg.png" alt="React Logo" height="45px">
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Vitejs-logo.svg/615px-Vitejs-logo.svg.png" alt="Vite Logo" height="45px">
|
|
</a>
|
|
</p>
|
|
|
|
<h1 align="center">
|
|
<a href="https://react-sneat-bootstrap-admin-template.vercel.app/" target="_blank" align="center">
|
|
React Sneat - Free Bootstrap 5 Admin Template
|
|
</a>
|
|
</h1>
|
|
|
|
[](https://themeselection.com/item/sneat-free-bootstrap-html-admin-template/)
|
|
|
|
🚀 This project is a conversion of the Sneat Admin Template to React JS, providing a modern and responsive user interface for building powerful web applications. The original Sneat template was adapted to React components, making it easy to integrate into React-based projects.
|
|
|
|
[View Demo React Sneat](https://react-sneat-bootstrap-admin-template.vercel.app/) Also check [ThemeSelection Sneat](https://demos.themeselection.com/sneat-bootstrap-html-admin-template-free/html/)
|
|
## Features
|
|
|
|
- Responsive layout for various screen sizes.
|
|
- Clean and modular React components following Atomic Design principles.
|
|
- Integration with popular React libraries for state management, routing, etc.
|
|
- Theming and styling using modern CSS-in-JS approaches.
|
|
- Pre-configured build setup for efficient development and production builds.
|
|
|
|
## Usage
|
|
|
|
1. Clone the repository: `git clone https://github.com/11Dwiwijaya/react-sneat-bootstrap-admin-template.git`
|
|
2. Install dependencies: `npm install`
|
|
3. Run the development server: `npm start`
|
|
4. Build for production: `npm run build`
|
|
|
|
## Folder Structure
|
|
|
|
- `src/components`: Atomic Design components (atoms, molecules, organisms, templates, pages).
|
|
- `src/hooks`: Custom React hooks.
|
|
- `src/layout`: Layout components.
|
|
- `src/routes`: Application routing components.
|
|
- `src/data`: Static data or mocks.
|
|
- `src/utils`: Utility functions.
|
|
- `src/assets`: Project-specific assets.
|
|
- `src/styles`: Global styles and theming.
|
|
- `public`: Static assets and HTML template.
|
|
|
|
## What's the improvement?
|
|
- **SEO**: Ensure proper HTML semantics, use semantic tags, and provide meaningful metadata.
|
|
- **Performance**: Optimize assets, lazy load where possible, and implement code splitting.
|
|
- **Accessibility**: Follow accessibility best practices, use ARIA roles, and ensure keyboard navigation.
|
|
- **Responsive Design**: Prioritize a mobile-first approach and test on various devices.
|
|
|
|
## Contributing
|
|
|
|
Contributions are welcome! If you find issues or have improvements, please create a new issue or submit a pull request.
|
|
|
|
## License
|
|
|
|
This project is licensed under the [MIT License](LICENSE).
|
|
|
|
Happy coding!
|