Tabulation System using Laravel 9, Vue 3, and Vite. #100DaysOfCode

tabulation-system

I just accepted the #100DaysOfCode challenge.

In 100 days, I will be building a flexible tabulation system using Laravel 9 and Vue3. I will be using Vite during development.

Development Environment

Development Setup

1. Clone or download this repository.

2. Open the project directory and copy .env-example to .env in its same directory.

3. Create a MySQL database named tabulation_system.

4. Open cloned directory in your terminal then run the following commands in order:

   a. Install backend dependencies:

   composer update
   

   b. Install frontend dependencies:

   npm install
   

   c. Generate application key:

   php artisan key:generate
   

   d. Migrate database tables:

   php artisan migrate
   

   e. Populate database tables with data:

   php artisan db:seed
   

   f. Spin a local dev server:

   php artisan serve
   

   g. Build or run frontend in different terminal session:

   Build assets for production: (required during first run)

   npm run prod
   

   Run while in development:

   npm run dev
   

5. Access http://localhost:8000 on your browser.

   Username: kulotsystems
   Password: test