Ready to Play (Venue Booking Finder)

• 

  Let the Fun Begin !!

Tracks we are submitting for

1. (LAKOG) lowkey actually kind of good

2. best overall

3. (IJAG) I'm Just A Girl

4. i laughed (this is my first hackathon!)

5. wakaba prize

6. UI/UX most kawaii

Getting bored at your home ?

struggling to find a good location to hangout with you partner or friends ? Let us help you find the most perfect destination

Inspiration

After a lot of brainstorming, we wanted a tool that could help solve a real life problem while making it brain rot process engaging and enjoyable. We finally came up with a venue finder where you can book venues for sporting events, gaming competitions, or get togethers in general.

What it does

It is a venue finder application, used find appropriate and fun location hidden in our cities. Let it be a Holiday or a boring Weekend or a handout with friends or our dear partner, Read-to-Play, got you back. Recommending the best sports, e-sports, paintball, go-karting and other fun activities !! Make fun memory and discover some hidden gems with our venue finder application. But wait, there's more, say bye to the old Captcha system, we have some fun and basic games or maybe some math problems that you will need to solve before confirming you ticket, you booking rests on your skills of winning.

How we built it

Frontend: HTML, CSS, Javascript using React.js library Backend: Python and Google Maps API

Steps to Run it

1. On the GitHub page for this repository, click on the button "Fork."
2. Clone your forked repository to your computer by typing the following command in the Terminal: git clone https://github.com/<your-github-username>/Ready-to-Play-BrainrotEdi.git

3. Navigate into the cloned repository by typing the following command in the Terminal: cd Ready-to-Play-BrainrotEdi\Ready-to-Play

4. Run the Backend First using the following command in Terminal:

cd Backend
pip install flask
pip install flask_cors, requests

1. Simply Click on http://127.0.0.1:5000 or Open your web browser and navigate to http://127.0.0.1:5000 to access the backend

2. Install dependencies and start the application by running the following command in the Terminal:

cd..
npm install
npm install axios
npm run dev

1. Simply Click on http://localhost:5173/ or Open your web browser and navigate to http://localhost:5173/ to access the Site

Track our ideation on : https://www.figma.com/design/GU7DKVFsunNw3ZhdskO2pq/Ready-To-Play?node-id=0-1&t=qSypiOXPLzADJiUJ-1

Challenges we ran into

Setting up the API was especially challenging when figuring out how to handle the location coordinates. Since we needed to display different cities and countries. Time management was another issue since we our group consists of people living all over the world, planning a perfect meeting time with the different timezones was bit of a challenge. As well as Thanksgiving during the whole process it definitely delayed some of the progress.

Accomplishments that we're proud of

Overall the project was all of our first time using React js, making us extremely proud due to how the project turned out for our first time using react. The interactive features and beautiful UI was something I was especially proud of.

What we learned

This was our first time using react and learned a lot about the different libraries. Using react made it a lot easier than using traditional javascript especially when building a webpage. For me I was my first hackathon and working with other people that I have never met before.

What's next for Ready to Play (Venue Booking Finder)

Eventually we would like to let users add their own venues that other people can book. then adding authentication features that can ensure that the person booking and person renting out the venue will have a safe enjoyable process.

Built With

• css
• google-maps
• html
• javascript
• python
• react