Fullstack Boilerplate (React/Dotnet)

A backbone for your coding challenge.

Contents

• Backend service - a .NET service with a /ping endpoint. Extend with your code.
• Frontend app - an React app. Extend with your code.
• E2E test suites - a backend and a frontend Cypress test suites. Extend with your tests.

Tech Stack

Backend

• .NET

Frontend

• React
• Vite

Additional libs

• Vitest (testing)

Misc

• Cypress
• GitHub Actions

Getting started

1. Make sure npm & node are configured on your local env. You can download those distributions for your platform here.

2. Build your app.

npm install
npm run build # both backend and frontend
npm run build:backend # only backend
npm run build:frontend # only frontend

3. Start your app.

npm install
npm run start # both backend and frontend
npm run start:backend # only backend
npm run start:frontend # only frontend

4. Run the Cypress tests.

npm run test # run project tests under `cypress/e2e`

---

Authored by Alva Labs.