React + Tailwind + Typescript

Boilerplate code for a React + Tailwind + Typescript Front-End application. Additional features include:

• Parcel dev server
• Continuous Delivery

Getting Started

This application uses Parcel. Use this command to install dependencies and start a live-reload server:

yarn && yarn start

Visit your app at http://127.0.0.1:1234/

Folder Structure

This Front-End application groups code by feature. It is inspired by the Vertical Slice Architecture.

src/
  core/             // Business logic global to the entire app
  shared/           // No business logic
  Feature/
    components/     // UI elements
      Feature.tsx
    modules/        // Logic that doesn't impact the UI
    constant.ts     // Put magic values here
    utils.ts        // Extract functions here

Deploying

See DEPLOYING.md for instructions on how to enable automatic deployments to vercel