SummerX
💡 Inspiration
We are on a Mission to Save Lives of people who suffer from weather changes such as heat waves, excessive heat, global warming, and more by providing real-time alerts, location-based nearby services, valuable reminders, and more that will help them tackle this issue.
Here is what's happening around the globe due to Summer:
- 166K+ lost their lives
- 3.6mm/year increase in sea level
- 175M+ people affected
- 5% fall in GDP
❓ What it does
We try to provide the minimal yet best solution, features such as:
- Weather Warning
- Drinks Reminder
- Medical Support
- Weather Report
- Music based on weather
- Plant a Tree
- Explore Nearby
- Community Support
🔨 How we built it
We have used:
- For data, We have used OpenWeatherMapAPI
- For Nearby Places feature, We have used Google Maps
- and for Music, We have used Spotify
- Plant a Tree feature is powered by #teamtrees
- Website is hosted on Vercel and the parent domain is registered from GoDaddy
Libraries used:
- gsap
- framer-motion
- axios
- @heroicons/react
- TailwindCSS
- react-text-transition
- react-click-away-listener
🏆 Accomplishments that we're proud of
Despite having a complete beginner team, we were able to pull it off and create this web app.
📖 What we learned
- How to Use NextJS on top of ReactJS to build Web Apps.
- How to use TailwindCSS instead of regular CSS for fast production.
- Using API for getting data and how to configure it
- Set up environment variables
- How to use GitHub and Git for version control
- Hosting websites on platforms like vercel
- Setting up subdomains
🔥 What's next for SummerX
This is just the beginning, we have many features in mind to add that will help more and more people in real-world scenarios. We will learn and implement new stuff in the future.
Built With
- css
- firebase
- framer
- git
- github
- google-maps
- html
- javascript
- next
- nextjs
- openweathermapapi
- react
- spotify
- tailwindcss
- vercel


Log in or sign up for Devpost to join the conversation.