https://github.com/sheepla/sheepla-react-template
My React app template
https://github.com/sheepla/sheepla-react-template
Last synced: 10 months ago
JSON representation
My React app template
- Host: GitHub
- URL: https://github.com/sheepla/sheepla-react-template
- Owner: sheepla
- Created: 2025-08-28T12:40:49.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-28T13:07:07.000Z (10 months ago)
- Last Synced: 2025-08-28T20:44:07.500Z (10 months ago)
- Language: TypeScript
- Size: 72.3 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sheepla's React Template
My template SPA project based on Vite + React + TypeScript SWC template and shadcn/ui
## Dependencies
- Build tool: [Vite](https://vite.dev)
- CSS framework: [Tailwind CSS](https://github.com/tailwindcss/tailwindcss)
- UI toolkit: [shadcn/ui](https://ui.shadcn.com/)
- Package manager: [pnpm](https://pnpm.io)
- Linter: [ESLint](https://eslint.org)
- Formatter: [Prettier](https://prettier.io)
- Validation: [Zod](https://zod.dev)
- Form state management: [React Hook Form](https://react-hook-form.com/)
- Routing: [React Router](https://reactrouter.com)
- Data fetch state management: [TanStack Query a.k.a. React Query](https://tanstack.com/query/v4/docs/framework/react/guides/queries)
## Features (WIP)
- [ ] Flexible form UI with React Hook Form and Zod schema
- [ ] Asynchronous data fetch with TanStack Query (a.k.a. React Query)
- [ ] REST API client automatically generated from OpenAPI document
## Shared components (WIP)
- [x] 🌃 `ThemeToggleButton`: icon button to swith dark mode
- [x] 🍞 `DynamicBreadcrumbs`: dynamic breadcrumbs integrated with React Router
- [ ] 📊 `DataTable`: custom data table based on [shadcn/ui's Data Table](https://ui.shadcn.com/docs/components/data-table)
## Run
```sh
pnpm run dev
```
## Build
```sh
pnpm run build
```