Skip to content
A demo project time tracker application
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea
assets
bin
config
public
src
templates
tests
translations
.env.dist
.gitignore
README.md
composer.json
composer.lock
package.json
phpunit.xml.dist
symfony.lock
webpack.config.js
yarn.lock

README.md

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

time-tracker

Build a Project Time Tracker with Symfony and VueJS.

See the screenshot below:

symfony-time tracker

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.
You can’t perform that action at this time.