Giter VIP home page Giter VIP logo

invent-case's Introduction

Invent Case

Description

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

Installation

To install the dependencies, run:

npm install
# or
yarn install

Usage

Development

To start the development server, run:

npm run dev
# or
yarn dev

This 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.

Production Build

To build the project for production, run:

npm run build
# or
yarn build

This command compiles your TypeScript code using TypeScript compiler (tsc) and then builds your application for production using Vite.

Linting

To lint your TypeScript and React code, run:

npm run lint
# or
yarn lint

This command uses ESLint with TypeScript support to analyze your code for potential errors and enforce code style conventions.

Preview

To preview the production build locally, run:

npm run preview
# or
yarn preview

This will serve the production build of your application locally, allowing you to test it before deployment.

Dependencies

  • 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.

Dev Dependencies

  • 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.

invent-case's People

Contributors

ozanmanav avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.