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:

Next JS TailwindCSS React CSS3 JavaScript Firebase GitHub Vercel Framer

  • 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:

🏆 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

Share this project:

Updates