Hackathon Page

Live Version

A Web App For Hackathon Admin Pannel to demonstrate where your admins can modify challenges easily

Requirements

• yarn

Libraries Used

• React
• React-Ace

How to run:

1. Download or Clone the Repository.

2. Run yarn install to install the project dependencies.

3. Run yarn start to run the app in development mode.

4. App can be seen at: http://localhost:3000/

Page Load Time

Page Load TIme has been calculated by using the Lighthouse Tool.

Steps taken to Optimize

1. There was render blocking javascript for google font causing delay, used method mentioned here to overcome the problem.

2. Import for react-ace editor was long tasks running during page load, Converted it to Lasy loaded component using React.lazy() for code-splitting and delaying it's loading.

3. Only importing used Module in a component from library rather than importing whole library.

create-react-app

This project was bootstrapped with Create React App. You can find more information on how to perform common tasks here.