Initially, we participated in the NASA Space Apps Challenge and from among the various topics, we selected What's up with this water. Have you ever wondered whether the water you swim in or use, or the water surrounding you, is safe enough for swimming or other purposes?
With these considerations in mind, we conceived the idea of an application that allows users to:
- Check their current location.
- Find the nearest water source from their current location.
- Calculate the distance between the two points.
- Retrieve information about the temperature at their current location.
- Determine the safety status of the water, helping users decide whether it's suitable for swimming.
- Identify and learn about endangered species in the area, along with actionable steps to protect them.
We have defined these water status categories based on our experience, we are trying to take official documentation as base source for better definition. So please consider these status as below as reference points.
| Condition | Description | Icon |
|---|---|---|
| Good | The water quality is good |  |
| Moderate | The water quality is moderate |  |
| Contaminated | The water quality is contaminated |  |
| Unknown | The water quality is unknown |  |
| Radiation | The water quality is contaminated with radiation |  |
| Danger | There are indigenous fauna or flora living in the proximities dangerous for humans |  |
| Protected | There are indigenous fauna or flora living in the proximities protected by law |  |
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devWe work on the process to deploy the app so you can open http://localhost:3000 with your browser to see the result.
If you successfully run the app in the local environment, you will see the screenshot as below
For more in-depth information about the backend component, please refer to this link.
- NextJS v13.5.4
- Javascript ES6
- Taildwind 3.3
We work on the process to deploy the app.