Always developing

Honours Research

ReactJS / VueJs / Tailwind / Google Lighthouse / Puppeteer

Project

Overview

This is still a work in progress

The Honours-Project repository contains two single-page applications, built with React and Vue.js respectively, that act as recipe managers. The applications leverage their respective routers and utilise code splitting to improve performance. The aim of the project was to compare the performance of these two popular JavaScript frameworks using Google Lighthouse metrics.

Both the React and Vue.js versions of the recipe manager applications generate recipes from a vanilla JavaScript file and save them to local storage. To gather data for the comparison, the project includes an automated testing script that runs daily for a month and collects metrics for adding 1, 100, and 1000 items to the recipe list. The results are then compiled into an Excel spreadsheet to be analysed in the dissertation.

The code for the project is well-structured and easy to follow, making it a valuable resource for developers interested in learning more about performance testing and comparison of React and Vue.js applications. The Honours Project repository is an excellent example of how to conduct meaningful research on the performance of web applications and showcases the best practices for creating single-page applications with code splitting to improve performance.

Technlogies

React

React Router

Tailwind

Vue

Vue Router

Google Lighthouse

Puppeteer

Excel.Js

Back