longphanquangminh / cra-bookstore-tailwind-pnpm-husky-lintStaged

Home Page:https://cra-bookstore-tailwind.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Development Tooling

In the previous assignment, we took a leap from a traditional web interface to a modern React application. Now, we're going to level up the project by incorporating TypeScript for type safety and setting up ESLint rules to ensure clean and convention-following code.

Requirements

Deliverables

  • Deliver a Typescript-based React project that is well-structured, free of linting errors, and consistently formatted.
  • Bonus: Enhance developer experience and code quality by configuring ESLint to run automatically before each commit. This way, every commit will abide by established code conventions. You might find tools like Husky and lint-staged valuable for this task.

What Are We Looking For?

  • A comprehensive and organized TypeScript project, ensuring safer and more predictable code.
  • Effectively follow ESLint rules, demonstrating an adherence to coding standards and conventions.

Submission

  • Begin your project based on the existing codebase in /assignment-3 folder. Use the following commands to get started with PNPM:
    # Install packages with PNPM
    pnpm install
    # Run the app in development mode
    pnpm start
    # Build the app for production
    pnpm run build
  • Ensure all the assignment code resides in the /assignment-3 directory.
  • The final submission deadline is 01/10/2023.
  • After completing and setting up the deployable demo, open a Github issue in your forked repository titled Submission for assignment 3. Include the demo link in the description.

About

https://cra-bookstore-tailwind.vercel.app


Languages

Language:TypeScript 90.2%Language:HTML 6.6%Language:CSS 2.4%Language:JavaScript 0.6%Language:Shell 0.2%