https://github.com/vishwagauravin/summerx
We are on a mission 🚀 to save lives of people who suffer from heat waves 🍃, excessive heat 🥵, illness and more.
https://github.com/vishwagauravin/summerx
css hacktoberfest javascript nextjs open-source react reactjs social summer tailwindcss
Last synced: 9 months ago
JSON representation
We are on a mission 🚀 to save lives of people who suffer from heat waves 🍃, excessive heat 🥵, illness and more.
- Host: GitHub
- URL: https://github.com/vishwagauravin/summerx
- Owner: VishwaGauravIn
- License: bsd-3-clause
- Created: 2022-06-22T07:35:23.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-10-06T20:06:43.000Z (almost 4 years ago)
- Last Synced: 2025-03-23T11:05:04.060Z (over 1 year ago)
- Topics: css, hacktoberfest, javascript, nextjs, open-source, react, reactjs, social, summer, tailwindcss
- Language: JavaScript
- Homepage: https://summerx.itsvg.in
- Size: 636 KB
- Stars: 6
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 🚧 Under Development
----
# 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](https://openweathermap.org/api)
- For Nearby Places feature, We have used [Google Maps](https://maps.google.com/)
- and for Music, We have used [Spotify](https://spotify.com/)
- Plant a Tree feature is powered by [#teamtrees](https://teamtrees.org/)
- Website is hosted on Vercel and the parent domain is registered from GoDaddy
Libraries used:
- [gsap](https://greensock.com/gsap/)
- [framer-motion](https://greensock.com/gsap/)
- [axios](https://www.npmjs.com/package/axios)
- [@heroicons/react](https://heroicons.com/)
- [TailwindCSS](https://tailwindcss.com/)
- [react-text-transition](https://www.npmjs.com/package/react-text-transition)
- [react-click-away-listener](https://www.npmjs.com/package/react-click-away-listener)
## Screenshots
[](https://visitcount.itsvg.in)
NextJS Guide
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.