priyaravi23 / food-festival

Food Festival

Description

Build a web application for an upcoming three-day food event. The current app loads very slowly when the client simulates a 4G internet connection using Chrome DevTools. The client needs a fast and performant application, especially on mobile, because the app is designed for event attendees who will be using it on their phones

App Deployment

https://priyaravi23.github.io/food-festival/

App Screenshot

Tackle Performance Issues

1. Google has a tool called Lighthouse which allows us to run an audit on our page and discover different metrics about how it performs, as well as what might be hindering its performance
2. Lighthouse is a high-quality auditing tool for analyzing webpages. It provides audits for performance, accessibility, SEO (Search Engine Optimization), and Progressive Web Applications

Concepts Covered

1. Audit application performance using Google's Lighthouse tool
2. Minify Javascript and Image files
3. Lazy Loading Javascript files
4. Bundle the JavaScript files in an automated approach to code minification (Webpack)
5. Code splitting bundles of JavaScript files to reduce the page-load time
6. How to add reporting tools with plugins to analyze potential problem areas
7. How to split the code to lazily load each code bundle associated with each respective HTML page
8. How to compress images using an image loader

food-festival's Issues

Improve website load time

User Stories

• As a user, I want the application to load quickly

Add offline functionality

User Stories

• As a user, I want to use the Food Festival application even if I don't have an internet connection

Allow users to download the application as if it were a phone app

User Stories

• As a user, I want to download the app to the home screen on my mobile device