Sports Events⚡

Introduction

• This application shows all sports events open for registration.
• User can see the list of all the events, where each event has name, event category & time.
• User can select an event by clicking on select button
• All selected events will appear on the right hand side of the screen
• User can deselect an event from the selected event list.

Live Demo

View the live demo of the application here 👉 Sports Events.

Presentation Deck

View the presentation behind the implementation of this project. Presentation

Technologies Used

• React JS
• Styled Components
• React Toastify
• React Testing Library
• Axios

Page Load Time

• Performance Report is calculated using Page Speed Insights
• Desktop Performance Report
• Mobile Performance Report

Performance Improvements

• Used useMemo hook to avoid re-renders & cache state value.
• Made the website responsive to maintain consitent performance for mobile & tablet users.
• Fixed layout shift issues & accessibility issues recommended by page speed insights report.
• Using vercel to deploy this application which uses it's edge network to cache requests & improve initial load time.

Run Application

• Clone the repository
• Run npm install to install required dependencies
• Finally, run npm start to run the application and open the browser to view the site on localhost.
• Use Node JS version 16.17.0 to run the application on local

👤 Jaynil Gaglani

• Portfolio: jaynil.gaglani
• Linkedin: Jaynil Gaglani
• Twitter: @Jaynil1611
• Github: @Jaynil1611

Show your support

Give a ⭐️ if you like this repository!

Made with ❤️ by Jaynil Gaglani