TypeScript Practice

Overview

  • This document provides the requirement for TypeScript Practice
  • Design: FoodRar
  • Plan: Practice Plan

Goals

  • Apply knowledge of HTML/CSS
  • Get familiar with JavaScript & TypeScript syntax
  • Know the basic differences between asynchronous and synchronous
  • Understand and apply DOM Manipulation
  • Use DevTools for debugging issues

Timeline

  • Estimate time: 4 days (Oct 30th, 2023 to Nov 2nd, 2023)

Technical Stack

  • Techniques:
    • HTML5/CSS3
    • TypeScript
    • Parcel v2.9.3
    • Prettier v3.0.2
    • Eslint v8.47.0
    • Commitlint v17.7.1
    • Husky v8.0.0
    • Vercel
  • Editor: Visual Studio Code

Requirements

  • Features
    • User can see list of products
    • User can add new product
    • User can edit product
    • User can delete product
    • User can search product by name
    • User can see best seller products
    • Handle no product found
    • Handle errors and display error messages
    • Handle loading indicators
    • Validate input data and show errors if invalid

Getting Started

Command Action
git clone git@gitlab.asoft-python.com:khue.nguyen/typescript-training.git Clone repository from GitLab
git checkout remotes/origin/feature/foodrar-practice Checkout branch
cd typescript-training Change directory
pnpm install Install dependencies
pnpm start Starts local dev server at localhost:1234

Authors