Let’s Build a Project Time Tracker with Symfony and VueJS

Build a Project Time Tracker with Symfony and VueJS.

See the screenshot below:

Link to tutorial

Here

Getting Started

Clone the repository

$ git clone https://github.com/yemiwebby/time-tracker-app.git

Change directory

$ cd time-tracker-app

Use composer to manage and install dependencies

$ composer install

Install the frontend dependencies

Run the command below from the project's root directory in another terminal:

$ yarn install

Do ensure that you have two separate terminals opened on your machine. One of them will be used to start the Symfony app while the other will keep the frontend running.

Start the application

Backend

$ php bin/console server:run

Frontend

 $ yarn run encore dev --watch

Prerequisites

A basic knowledge of JavaScript and Object oriented programming with PHP will help you get the best out of this article. Do ensure that you have Node.js and Yarn package manager installed on your system.

Built With

• Symfony - Is a set of reusable PHP components
• Vue.js - A progressive JavaScript framework for building user interfaces.
• Webpack Encore - Webpack Encore is a simpler way to integrate Webpack into your application.