Official entry of Team megaBite, from SRM Institute of Science and Technology, Kattankulathur, India, to Surfs Up Hack.
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.
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... 🤔
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!
-
To check out the Website, click here.
-
To locally run the Website, follow these steps:
- Clone the repository using
git clone https://github.com/aaishikasb/Surfs-Up-Hacks.git
. - Open
index.html
. - Make sure if you have an active internet connection so the page is able to load data from the API.
- Clone the repository using
-
To check out the Android Application, download the
app-debug.apk
from under theReleases
tab. -
To locally check the working and functionality of the app, follow these steps:
- Directly import the repository onto
Android Studio
. - Click on
File
>New
>Project from Version Control
>GitHub
. - Enter your Username and Password and hit
Clone
.
- Directly import the repository onto
- 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
- Java
- HTML
- CSS
- JavaScript
- JQuery
- Bootstrap
- Public API: Open Weather Map: Current Weather API
- Chatbot: Collect.chat
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:
- visitabeach.online
- beachwith.tech
- Domains Registered:
- Best Domain Name from GoDaddy Registry [APAC Only]
- Domain Registered: beachwith.us
- Use Geocoding API to fetch accurate details.
- Integrate more elements in terms of statistics.
- Use Logical Jump in Chatbot for a more interactive experience.
Built with ❤️ and ⌨️ by beep-bops