https://github.com/jaynil1611/sports-events

This application allows users to select events for sports
https://github.com/jaynil1611/sports-events

interview interview-experience intuit

Last synced: about 14 hours ago
JSON representation

This application allows users to select events for sports

• Host: GitHub
• URL: https://github.com/jaynil1611/sports-events
• Owner: Jaynil1611
• Created: 2023-10-10T07:29:09.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-11T02:43:39.000Z (about 1 year ago)
• Last Synced: 2024-11-23T19:47:37.585Z (2 months ago)
• Topics: interview, interview-experience, intuit
• Language: JavaScript
• Homepage: https://sports-events.vercel.app
• Size: 1.78 MB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://sports-events.vercel.app/).

## Presentation Deck

View the presentation behind the implementation of this project.

[Presentation](https://docs.google.com/presentation/d/1gProMTa2XA9xeHHfGJ2NBwqxgWZySGs9zYTTkFjc5M0/edit)

## Technologies Used

- React JS

- Styled Components

- React Toastify

- React Testing Library

- Axios

## Page Load Time

- Performance Report is calculated using [Page Speed Insights](https://pagespeed.web.dev/)

- [Desktop Performance Report](https://pagespeed.web.dev/analysis/https-sports-events-vercel-app/ot9lw2x93b?form_factor=desktop)

- [Mobile Performance Report](https://pagespeed.web.dev/analysis/https-sports-events-vercel-app/ot9lw2x93b?form_factor=mobile)

## 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](https://bit.ly/jaynil-profile)

- Linkedin: [Jaynil Gaglani](https://www.linkedin.com/in/jaynilgaglani/)

- Twitter: [@Jaynil1611](https://twitter.com/Jaynil_Gaglani)

- Github: [@Jaynil1611](https://github.com/Jaynil1611)

## Show your support

Give a ⭐️ if you like this repository!

Made with ❤️ by Jaynil Gaglani