Fullstack Boilerplate

A backbone for your coding challenge.

Contents

• Backend service - a Laravel service with a /ping endpoint. Extend with your code.
• Frontend app - a Vue 3/Vite app. Extend with your code.
• E2E test suites - a backend and a frontend Cypress test suites. Extend with your tests.
• Pipeline - a test Runner that executes the Cypress tests on push to a branch other than master/main.

Tech Stack

Backend

• PHP 8.0.28,
• Laravel Framework 9.52.9

Additional libs

• sqlite3 (SQLite connection)

Frontend

• Vue 3
• Vite

Misc

• Cypress
• GitHub Actions

Getting started

1. Make sure the required version of PHP (8.0) and Laravel Framework (9.52) is configured on your local env.

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

3. Build your app.

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

4. Start your app.

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

5. Run the Cypress tests.

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

---

Made by DevSkills.

Did you find this repo useful? Give us a shout on Twitter / LinkedIn.