Danial Khakbaz's Vite project, built with React, showcasing his skills as a Front-end developer with a journey toward becoming a Full-stack developer. This project highlights his ambition for continuous learning and crafting seamless web applications using modern technologies.
This project serves as a professional platform to demonstrate Danial’s work, skills, and personal philosophy on balanced living. It is optimized for performance and utilizes several popular tools and libraries for a smooth, interactive user experience.
- Responsive Design: Fully responsive layout with smooth animations.
- Fast Development Environment: Leveraging Vite for a rapid development experience.
- TypeScript Support: Enhanced type safety and development experience.
- Linting and Formatting: Code quality maintained with ESLint and Prettier.
- Husky Integration: Git hooks for better code management.
- React - JavaScript library for building user interfaces.
- Vite - Build tool that aims to provide a faster and leaner development experience.
- TypeScript - JavaScript with static typing.
- Prettier - An opinionated code formatter.
- ESLint - A static code analysis tool for identifying problematic patterns in JavaScript code.
- Husky - Tool for managing Git hooks.
To set up this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/Danielkhakbaz/Vitejs-Template cd vite-project -
Install dependencies:
yarn
-
Run the development server:
yarn dev
-
Open http://localhost:5173 in your browser to see the project.
Here are some helpful scripts to assist in the development and maintenance of this project:
dev: Runs the app in development mode.build: Compiles the app for production.lint: Lints and fixes files using ESLint.fix: Formats files using Prettier.knip: Analyzes the project structure and provides suggestions for improvement.preview: Previews the built application.prepare: Sets up Husky for managing Git hooks.