Skip to content

Boilerplate for a full-stack TypeScript project using Vite, React, TailwindCSS, and Express set up with code formatting, linting, and test frameworks

License

Notifications You must be signed in to change notification settings

rbondoc96/express-react-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Full Stack TypeScript Boilerplate

Table of Contents

Features

This monorepo acts as boilerplate for a full stack project written using TypeScript.

The project as a whole uses a single Prettier configuration, while client and server each have their own ESLint rules.

Technologies Used in client

Technologies Used in server

  • Node.js runtime environment
  • Express.js as a backend framework
  • Mocha as a test framework
  • Chai as an assertion library for testing

Getting Started

Scripts are named in package.json in a way that makes running npm commands targeting a specific package directory easier. It involves prepending either run <my_directory> or run <my_directory>:run depending on the command we want to run, rather than having to add -w packages/<my_directory> to each command.

To install dependencies for the project:

# `i` or `install` doesn't need the `run` keyword in order to execute
npm run client i            # installs `client` packages
npm run server i            # installs `server` packages

After the dependencies are installed, the dev servers can be started using:

# `dev` DOES need the `run` keyword in order to execute
npm run client:run dev      # starts the frontend dev server
npm run server:run dev      # starts the backend dev server