This project is case application built with React.js and TypeScript, using Vite.js as the build tool. It integrates various libraries and tools for state management, styling, routing, data fetching, and more.
Developed by Ozan Manav
To install the dependencies, run:
npm install
# or
yarn installTo start the development server, run:
npm run dev
# or
yarn devThis will start Vite's development server, allowing you to view your application in the browser. Changes to your source files will trigger hot module replacement (HMR), providing a fast development experience.
To build the project for production, run:
npm run build
# or
yarn buildThis command compiles your TypeScript code using TypeScript compiler (tsc) and then builds your application for production using Vite.
To lint your TypeScript and React code, run:
npm run lint
# or
yarn lintThis command uses ESLint with TypeScript support to analyze your code for potential errors and enforce code style conventions.
To preview the production build locally, run:
npm run preview
# or
yarn previewThis will serve the production build of your application locally, allowing you to test it before deployment.
- React: A JavaScript library for building user interfaces.
- React DOM: The entry point to the React library for the web.
- React Router: A routing library for React applications.
- Redux Toolkit: A library for efficient Redux development.
- Emotion: A library for writing CSS styles with JavaScript.
- Material-UI: A popular React UI framework.
- use-debounce: A hook to debounce state changes.
- Vite: A blazing fast frontend build tool.
- TypeScript: A typed superset of JavaScript.
- ESLint: A pluggable linting utility for JavaScript and JSX.
- @typescript-eslint/eslint-plugin: ESLint plugin for TypeScript.
- @vitejs/plugin-react: Vite plugin for React development.
- eslint-plugin-react-hooks: ESLint plugin for React Hooks.
- vite-tsconfig-paths: Vite plugin for TypeScript path aliasing.