Lantana

Overview

• Application Deck can be found at [here] (https://docs.google.com/presentation/d/1eAeva1noI_XTJQfPGRWLnhdjqVC1VVHqZQeC3eWNE6I/edit?usp=sharing)

This is a platform for grassroot organizer to organize sustainability and fundraise form companies, which can easily report on their CSR & ESG initiatives. Social Data and Donating Data are on-chain based on lens protocol with mint of Hypercerts as impact certificate

Screenshots

Discover

• 

Donate & Participate

• 

Dashboard

• 

AI Reporting Recommendations

• 

Structure

This is a Next.js project bootstrapped with create-next-app.

Material ui

• we're forcing @mui/styled-engine to resolve to @mui/styled-engine-sc, so make sure this is installed under node_modules instead of @mui/styled-engine

Objects on Lens

• We create both Causes and Events as lens object Publication, so we can query in similar fashion
• Practically, user can follow / mint i.e. donate to Cause / Event .
• will need to query events of causes dynamically via tag, while we can just join the data at discovery feed
• We skipped to create event page for now, actions do-able inside cause page

Note on Lens

• [email protected] is used Lens packages do not support latest version of wagmi which use viem

  • namely, LensProvider in "@lens-protocol/react-web" with @lens-protocol/wagmi requires bindings which use ethers Provider / Signer, and thus rely

• we are also not using @particle-network/connect-react-ui but wallet, to avoid need of injecting provider to wagmi

• On successful login via the useWalletLogin hook, the Lens SDK retrieves the Lens Profile owned by the authenticated wallet address and selects the first profile as the Active Profile.

• creating another lens sdk via loadClient cannot retrieve the state of the one inside wagmi

• will need to create from established signer -> wallet onto lens

Environment variables

• check env.sample and configure .env at local
• env-cmd should automatically pick up from that, while it is expected environment variables is injected in Prd/CI

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Bounty Challenge: VMware Tanzu Solutions

Refers to README.md in vmware-deployment file