• 

  Create an Event

• 

  Upload a Picture

• 

  View Events

• 

  View Collections

🌐 Domain Name: https://coastal-fun.tech/

☁️ Inspiration

We were inspired by Team Seas and Team Trees on how they cleaned up the Seas and replanted Trees around the world. Here we want to clean up the beach on a global scale as well. Picking up trash on beaches is important for protecting our beach and aquatic ecosystems from the harmful effects of pollution. Similar to the other organizations, we also hope to create memories with our app.

🚧 What It Does

We can register and log in to join an organization similar to Team Trees and Team Seas with a similar goal. Users can join a clean-up the beach event with a team or community of people to protect the beach and aquatic ecosystems from pollution. They can see the general location of the beach clean-up via maps in the app. They can also upload seashell pictures they take during clean-up from the app and put them on the blockchain. Additionally, users can see their clean-up stats and become competitively incentivized to pick up more trash than others.

👨🏾‍💻 How We Built It

We used React Native for our front end and tested out our app with android devices. Additionally, in order to display our maps, we used React Native Google Maps. For the database, we used replit.db. For the server, we used Flask. Next, we used 2 big services, Deso and Coil. We used Deso to handle our seashell uploads. A seashell collection is very precious, but even more precious online. With so many cyber security threats, Deso offers a high level of security to host virtual seashell collections. After that, we used Coil. Coil makes it easy to reimburse creators online, and here, it helps people donate money to public seashell creators.

👷 Challenges We Ran Into

There were a lot of problems with rendering pages and getting our fetch calls to work in React Native, however, after a lot of debugging, we were able to get everything to work. There was also a bug with displaying our maps, but we eventually got it to work after going line by line to find the error. Implementing Deso was very hard. Though the docs were simple to read, getting the publicKey and seedHex credentials were quite tricky. In the end, after a long time, we finally figured out how to.

🎉 Accomplishments That We're Proud Of

With great difficulty, we were able to use Deso to store seashell collections on the blockchain. We are proud to use Coil in our app to reimburse our volunteers for their efforts in cleaning up the beaches. Figuring out how to display maps on android was a problem and we were excited once we got it to work. Overall, we were very proud of making a functional android app that can have an impact on the world.

📙 What We Learned

We learned how to monetize our applications for the further growth of this application. We also learned how to use the CoilSDK in many ways. Using React Native taught us a lot about proper renderings, fetches, taking pictures with the camera and saving them, and much more. Overall, we learned a lot from React Native in a short time. We learned a lot about Deso. Its great API allowed us to securely store seashell collections on the blockchain, and we had a lot of fun learning it.

🔜 What's Next For CoastalFun

• Better UI Styles
• More Interactive Commenting
• Better/More Implementation of Deso
• Better/More Implementation of Coil

Built With

• coil
• deso
• flask
• python
• react-native
• replit.db