Template is a feature-rich frontend application built using modern technologies like React, TypeScript, and Vite. It offers a fast and scalable platform for developers to collaborate and share coding knowledge.
Live demo: Visit Template
Design files: Figma
- Fast and Scalable: Built using Vite and React for optimal performance.
- Type-Safe: Uses TypeScript for catching errors at compile time.
- Rich Routing: Implements client-side routing with React Router.
- Form Management: Handles form validation with React Hook Form.
- Code Quality: Ensures consistent styling with ESLint, Prettier, and Stylelint.
- End-to-End Testing: E2E tests using Playwright.
- NEXT: JavaScript library for building user interfaces
- TypeScript: Typed superset of JavaScript for better maintainability
- Node.js: Ensure you have Node.js installed (>=18.x).
- pnpm: Use
pnpmas the package manager for consistency.
Clone the repository and install dependencies:
git clone https://github.com/
cd Template
pnpm installStart the development server:
pnpm devTo ensure code quality:
pnpm lint
pnpm formatThis project uses the Feature-Sliced Design (FSD) architecture:
src/
├── app/ # App-level settings, providers, and configuration
├── entities/ # Business entities (e.g., User, Post)
├── features/ # Application features (e.g., Auth, Profile)
├── shared/ # Shared components, utils, styles, etc.
├── pages/ # Top-level routes and layout components
├── widgets/ # UI widgets for compositionWe welcome contributions! Follow these steps to get started:
- Fork the repository
- Create a new branch (git checkout -b feature/your-feature)
- Commit your changes (git commit -m 'Add your feature')
- Push the branch (git push origin feature/your-feature)
- Open a pull request
This project is licensed under the MIT License. See the LICENSE file for details.