Team megaBite

Official entry of Team megaBite, from SRM Institute of Science and Technology, Kattankulathur, India, to Surfs Up Hack.

Links to Surfs Up Hack ⚓

1. Website
2. Devpost

Problem Statement 🚧

Most of us like to plan our outings to nearby beaches but often, we miss out on checking essential details like the weather, taking the temperature and humidity into consideration, when we pack things to carry with ourselves.

Background 📖

Say Hi to Jack 👦. Jack loves visiting the Long Beach but often comes home sunburnt. If you ask us why, it's because he never carries sunscreen with him. Jack's mum really hates that.

If only Jack could find a Website that would give him recommendations for things to carry according to the weather at the Long Beach... 🤔

Solution 💡

Meet Maeve 👧! Maeve is Jack's classmate and guess what, she also loves visiting nearby beaches!

Well, Maeve heard about Jack's problem and she immediately recommended this website she always refers to before leaving for her favorite beach, visitabeach.online!

Through Visit a Beach, Maeve is able to track the weather at Long Beach and by interacting with the chatbot available, she is also notified of all the things that she should carry according to the temparature and the humidity at the beach (including a sunscreen!).

Moreover, she gets some amazing quotes and captions that she can use to flaunt her pictures taken at the beach over Social Media!

Screenshots 📷

Installation and Execution 🔧

• To check out the Website, click here.

• To locally run the Website, follow these steps:

  1. Clone the repository using git clone https://github.com/aaishikasb/Surfs-Up-Hacks.git.
  2. Open index.html.
  3. Make sure if you have an active internet connection so the page is able to load data from the API.

• To check out the Android Application, download the app-debug.apk from under the Releases tab.

• To locally check the working and functionality of the app, follow these steps:

  1. Directly import the repository onto Android Studio.
  2. Click on File>New>Project from Version Control>GitHub.
  3. Enter your Username and Password and hit Clone.

Timeline ⏰

• Day 1 Checkpoints
  • Initial Documentation
  • Set up Front End
  • Create the Chatbot
  • Implement UI/UX Principles
  • Configure API
• Day 2 Checkpoints
  • Enable time-based Background
  • Fetch Geolocation with Geocoding API
  • Connect API
  • Update Android App
  • Configure Chatbot
  • Add Quotes Section
  • Update Sub Pages
• Day 3 Checkpoints
  • Ensure Responsiveness
  • Update Documentation

Technology Stack 💻

Languages and Frameworks

• Java
• HTML
• CSS
• JavaScript
• JQuery
• Bootstrap

Attributions

• Public API: Open Weather Map: Current Weather API
• Chatbot: Collect.chat

Nominations 🤝

We'd love to nominate our team for the following Prizes:

• Overall Prizes
• First Wave Hack
  • New Hackers: pragya-bharti and yashsaini24
• Best Surfs Up Hack
• Best Domain name from Domain.com
  • Domains Registered:
    1. visitabeach.online
    2. beachwith.tech
• Best Domain Name from GoDaddy Registry [APAC Only]
  • Domain Registered: beachwith.us

Future Upgrades and Iterations 🐬

• Use Geocoding API to fetch accurate details.
• Integrate more elements in terms of statistics.
• Use Logical Jump in Chatbot for a more interactive experience.

Collaborators 🤖

Built with ❤️ and ⌨️ by beep-bops