Inspiration

EVERYONE LOVES FOOD! We want to provide a platform for people to share their delicious pieces of heaven. However, there have been a multitude of cases a content creator has been unfairly kicked off their platform and robbed of their livelihoods. Creators are entrepreneurs, not products for a larger company. That is why we believe that creators should be able to own their content without the presence of a central authority. Hence, a decentralized recipe sharing site!

What it does

DeSsert is a decentralized recipe sharing site that allow users to browse through traditional to exotic recipes from cultures all over the world. Furthermore, users can friend other users who's recipe they love and compose their own recipes to share their trade secret to the rest of the world! All content is 100% owned by the user, and is stored permanently on the blockchain.

How We built it

The UI was designed through Figma. We then developed the front end with React and TailwindCSS. The pages were routed using Next.js's built-in router while the backend features such as creating and liking a post, and minting a recipe into a NFT was achieved through the DeSo protocol library.

Challenges We ran into

At first we had issues finding a way to coordinate our code. After setting on live share, we ran into a multitude of errors regarding React components. Furthermore, this was also the first time we dug deep into the DeSo protocol library, this was also the first time some of us used TailwindCSS so it took some time searching up every utility class. Finally, it was a great challenge implementing the many features we planned out in under 48 hours.

Accomplishments that We're proud of

We are proud of overcoming the difficulties that come with implementing social media services based on the blockchain and completing a fully functional program that allows users to browse, like, post and mint recipes. This was also some of our first times using TailwindCSS and Next.js, we are proud that we were able to understand and utilize these new frameworks in such a short time frame!

What We learned

We learned how to utilize the DeSo identity service to implement a log-in system. In addition, we also implemented a fully functional posts system that allow users to browse, like, and submit their own posts, using DeSo's Media, Posts, Social, and NFT services. Furthermore, we became more familiar with using the CSS framework TailwindCSS as well as the meta-framework Next.js.

What's next for DeSsert

DeSsert wants to implement a comments section where users can gather and discuss their recipes, encourage each other, and provide constructive criticism on how to improve each others recipes. We also want to implement a feature where users can buy and sell their minted recipe NFTs directly on our website.

Built With

  • css3
  • deso
  • figma
  • html5
  • next.js
  • react.js
  • tailwind-css
Share this project:

Updates