## ETH São Paulo   - LayerX Bounty 
This bounty aims to build a web3 project that uses LayerX dappKit and Rocket Kit frameworks.

Themes:

- NFT
- DeFi
- Infrastructure
- Integrations
- Developer Tooling
- Gaming
- Common Goods
- Decentralized Identity

### Deliverable 👩‍💻
You will only be entitled to receive the prize if you submit a pull request with the open source code on [Bepro App](https://app.bepro.network).

1. Go to [Bepro App](https://app.bepro.network)
2. Connect your Wallet and your Github Account. 
3. Click on Start Working
4. Open a Pull Request with your code.
5. Set your Pull Request as "Ready for Review"
6. You are Done! 🙌

*Note: You will need a Metamask wallet to open a pull request and connect to Polygon Main Net Chain. 

### Payment 🏆
Our Team will analyze all the projects and open a proposal for the winning project. In 7 days once the proposal is settled, the prize will be transferred automatically to the wallet that submitted the pull request.

### dappKit

dappKit is a powerful Typescript/Javascript SDK that allows you to develop beautiful web3 apps in a matter of minutes. We mean it.

This powerful framework allows you to connect, and interact with ERC-20, ERC-721, and ERC-1155, a wallet, or your custom contract in a couple of lines.

-   [Website](https://dappkit.dev/)
-   [Documentation](https://docs.dappkit.dev/start-building)
-   [API Reference](https://sdk.dappkit.dev/)
-   [Source Code](https://github.com/taikai/dappkit)
-   [Discord](https://discord.gg/layerx)
-   [NPM](https://www.npmjs.com/package/@taikai/dappkit)

### Rocket Kit

Rocket Kit is an React.js open source UI Design System used by LayerX products. This design system is built around the Atomic Methodoly and provides you with atoms, molecules, organisms that working together to create effective interface design systems without too much effort.

-   [Storybook](https://main--600c295ccb36300021e7d82f.chromatic.com/)
-   [Chromatic Library](https://www.chromatic.com/library?appId=600c295ccb36300021e7d82f&branch=main)
-   [Source Code](https://github.com/taikai/rocket-kit)
-   [NPM](https://www.npmjs.com/package/@taikai/rocket-kit)

If you need any help please contact our team  [gm@layerx.xyz](mailto:gm@layerx.xyz)

🚨  **Important Disclaimer**  - This bounty could only be solved by ETH São Paulo Participants. A hacker that is not a participant is not entitled to get their solution accepted and receive the prize

Happy Hacking 🎯





A PICE é uma plataforma de registro acadêmico baseada em blockchain que empodera os estudantes, permitindo que eles destaquem suas conquistas de forma tangível em candidaturas e contribuindo para uma educação de qualidade e, assim, atingir a ODS 4 da ONU - Educação de Qualidade.

LayerX Bounty @ ETH São Paulo | PICE Project

bepro

LayerX Bounty @ ETH São Paulo 🇧🇷 - Create a dappKit + Rocket Kit Dapp

BEPRO Network

## What is DeHouse
​DeHouse is a joint venture between [Work-In](https://www.workin.pro/) and [LayerX](https://layerx.xyz) to create the first web3 hub in Portugal. 🇵🇹

Our dream is for it to become the physical intersection of the local web3 community. 🤝

An informal and dynamic space exclusively dedicated to the ecosystem of web3 organizations. The objective is to create a great vibe and flexible environment with a decentralized workspace, to enhance a positive work culture. A space with a strong sense of community, where everything can be co-developed, co-created, and co-shared. The place where we can meet people with the same interests, generate and discuss new ideas, creating synergies. Gather the right tools to ensure greater productivity in our work, an efficient network, and the perfect work/life balance.

## Goal 
The goal of this bounty is to create a dynamic and user-friendly website with a simple content management system (CMS) to manage multiple co-working space locations and community events. This project aims to provide an interactive platform that enables seamless management of co-working spaces and facilitates community engagement through event organization and promotion.

The layout should follow the next Figma File:

https://www.figma.com/file/ZG39TvO2mD2JorCMUlZYUW/DeHouse---Landing-Page---June-2023?type=design&node-id=0%3A1&t=IhJwy7nBf9b2H0tl-1

## Project Requirements:

* **Front-End Development:** The website should be built using React.js, ensuring a modern and responsive user interface (UI) design.
*  **Location Management:** Implement a CMS to manage co-working space locations. This includes the ability to add, edit, and delete locations, along with relevant details such as address, amenities, pricing, and availability.
*  **Event Management:** Develop a feature to organize and showcase community events hosted at the co-working spaces. The CMS should allow for creating, editing, and removing events, along with event descriptions, dates, times and link to external event website
* **User Authentication:** Implement user authentication and authorization mechanisms to control access to CMS functionalities, ensuring only authorized individuals can make changes to the locations and events.
* **Responsive Design:** Ensure the website is mobile-friendly and provides an optimal experience across different devices and screen sizes.
* **Integration(Optional):** Integrate any necessary APIs or libraries for enhanced functionality, such as mapping services for location visualization, event registration platforms, or notification systems.
* **Documentation:** Provide comprehensive documentation that outlines the project's architecture, functionalities, and usage instructions.

## Deliverables:

- A fully functional React.js website with a responsive UI.
- CMS functionalities to manage co-working space locations and community events implemented in Node.js or using free CMS headless frameworks like Keystone.JS, …
- User authentication and authorization system.
- Search and filtering capabilities for locations and events.
- Integration of relevant APIs or libraries.
- Comprehensive project documentation.

Happy Hacking 🧑‍💻👩‍💻 




![dehouse-landing](https://github.com/ickas/dehouse-landing/assets/2805206/5211d377-be94-449b-bc57-13cd4a4038ac)

📸 Find more screenshots [here](https://github.com/ickas/dehouse-landing/tree/master/public/screenshots)

## 📣 Introduction

This project is a proposal to the [_DeHouse Website + CMS_ bounty on Bepro Network](https://app.bepro.network/bepro/polygon/bounty?id=15&repoId=17) website where the goal is to create a dynamic and user-friendly website with a simple content management system (CMS) to manage multiple co-working space locations and community events, and based on a specific [design](https://www.figma.com/file/T0hql5KJwMuuctHK5PGx5K/DeHouse?node-id=15%3A9&t=OFA80fTem3tHibIo-1).

## 🚀 Quick start

First, we need to setup the environment and install the dependencies (like Apollo and Keystone):

```bash
# .env
NEXT_PUBLIC_APP_URL='http://localhost:3000'
ASSET_BASE_URL='http://localhost:3000'
KEYSTONE_PORT=5000
SESSION_SECRET=12345678901234567890123456789012
SESSION_MAX_AGE=2592000
KEYSTONE_API_URL='http://localhost:5000/api/graphql'
DATABASE_URL=postgresql://***
AVAILABILITY_FORM_URL='https://dehouse-form-url.com'
```

```bash
npm install
```

And then we only need to fire up the project:

```bash
npx keystone dev # to fireup the CMS powered by Keystone
npm run dev # to fireup the website
```

Now you can access the app through these links:

- Apollo Server: http://localhost:5000/api/graphql
- Keystone CMS: http://localhost:5000
- Frontend: http://localhost:3000

⚠️ Remember to add some events, locations, and testimonials on CMS first. Or you can use this [database dump](https://github.com/ickas/dehouse-landing/blob/master/graphql/dump-henrique-202307081719) that already contains some real and dummy data.

## 📂 App structure

```
.
├── app
│   ├── components
|   │   ├── ...
|   │   ├── ui
|   │   │   ├── button-link
|   │   │   ├── icons
|   │   │   ├── panel
|   │   │   ├── section
│   ├── global.css
│   ├── layout.tsx
│   └── page.tsx
├── graphql
│   ├── queries.ts
├── lib
│   └── client.ts
├── public
│   └── ...
├── utils
│   └── brands.tsx
├── auth.ts
├── keystone.ts
├── next.config.js
├── package.json
├── schema.graphql
├── schema.prisma
├── schema.ts
└── tsconfig.json
```

## 💅 Styling

The project is made with CSS Modules and support design tokens through the `app/globals.css` file divided into multiple sections, like:

- Colors
- Layout
- Misc
- Typography
- Buttons
- Nav
- Panels
- Benefits
- Testimonials
- Footer

The project is ready to support multiple themes, like _light_ and _dark_ modes, through the design tokens and easily created with this code:

```html

<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
```

```css
/* app/globals.css */
@media (prefers-color-scheme: light) {
  :root {
    --white: #ffffff;
    --black: #000000;
    --grey50: #f1f1f3;
    ...
  }
}
```

## 📦 Database

![CleanShot 2023-07-08 at 16 18 48@2x](https://github.com/ickas/dehouse-landing/assets/2805206/53082de2-21f2-4fe6-8f6a-504558bda3be)

The database has three tables:

1. Users → users that have access to the CMS
2. Events → events that appear on the agenda section (image, ane, date, description, website, and option to show or not on the landing page)
3. Locations → spaces that appear on the locations section (image, name, address, description, amenities)
4. Testimonials → messages from clients and partners (avatar, name, message, Twitter, and an option to show or not on the landing page)

DeHouse Website + CMS (Content Management System)

## ETH Brussels - LayerX Bounty  🇧🇪
This bounty aims to build a web3 project that uses LayerX dappKit and Rocket Kit frameworks.

Themes:

- NFT
- DeFi
- Infrastructure
- Integrations
- Developer Tooling
- Gaming
- Common Goods
- Decentralized Identity

### Deliverable 👩‍💻
You will only be entitled to receive the prize if you submit a pull request with the open source code on [Bepro App](https://app.bepro.network).

1. Go to [Bepro App](https://app.bepro.network)
2. Connect your Wallet and your Github Account. 
3. Click on Start Working
4. Open a Pull Request with your code.
5. Set your Pull Request as "Ready for Review"
6. You are Done! 🙌

*Note: You will need a Metamask wallet to open a pull request and connect to Polygon Main Net Chain. 

### Payment 🏆
Our Team will analyze all the projects and open a proposal for the winning project. In 7 days once the proposal is settled, the prize will be transferred automatically to the wallet that submitted the pull request.

### dappKit

dappKit is a powerful Typescript/Javascript SDK that allows you to develop beautiful web3 apps in a matter of minutes. We mean it.

This powerful framework allows you to connect, and interact with ERC-20, ERC-721, and ERC-1155, a wallet, or your custom contract in a couple of lines.

-   [Website](https://dappkit.dev/)
-   [Documentation](https://docs.dappkit.dev/start-building)
-   [API Reference](https://sdk.dappkit.dev/)
-   [Source Code](https://github.com/taikai/dappkit)
-   [Discord](https://discord.gg/layerx)
-   [NPM](https://www.npmjs.com/package/@taikai/dappkit)

### Rocket Kit

Rocket Kit is an React.js open source UI Design System used by LayerX products. This design system is built around the Atomic Methodoly and provides you with atoms, molecules, organisms that working together to create effective interface design systems without too much effort.

-   [Storybook](https://main--600c295ccb36300021e7d82f.chromatic.com/)
-   [Chromatic Library](https://www.chromatic.com/library?appId=600c295ccb36300021e7d82f&branch=main)
-   [Source Code](https://github.com/taikai/rocket-kit)
-   [NPM](https://www.npmjs.com/package/@taikai/rocket-kit)

If you need any help please contact our team  [gm@layerx.xyz](mailto:gm@layerx.xyz)

🚨  **Important Disclaimer**  - This bounty could only be solved by ETH Brussels Participants. A hacker that is not a participant is not entitled to get their solution accepted and receive the prize

Happy Hacking 🎯







LayerX Bounty @ ETH Brussels 🇧🇪 - Create a dappKit + Rocket Kit Dapp

## ETH Belgrade   - LayerX Bounty 
This bounty aims to build a web3 project that uses LayerX dappKit and Rocket Kit frameworks.

Themes:

- NFT
- DeFi
- Infrastructure
- Integrations
- Developer Tooling
- Gaming
- Common Goods
- Decentralized Identity

### Deliverable 👩‍💻
You will only be entitled to receive the prize if you submit a pull request with the open source code on [Bepro App](https://app.bepro.network).

1. Go to [Bepro App](https://app.bepro.network)
2. Connect your Wallet and your Github Account. 
3. Click on Start Working
4. Open a Pull Request with your code.
5. Set your Pull Request as "Ready for Review"
6. You are Done! 🙌

*Note: You will need a Metamask wallet to open a pull request and connect to Polygon Main Net Chain. 

### Payment 🏆
Our Team will analyze all the projects and open a proposal for the winning project. In 7 days once the proposal is settled, the prize will be transferred automatically to the wallet that submitted the pull request.

### dappKit

dappKit is a powerful Typescript/Javascript SDK that allows you to develop beautiful web3 apps in a matter of minutes. We mean it.

This powerful framework allows you to connect, and interact with ERC-20, ERC-721, and ERC-1155, a wallet, or your custom contract in a couple of lines.

-   [Website](https://dappkit.dev/)
-   [Documentation](https://docs.dappkit.dev/start-building)
-   [API Reference](https://sdk.dappkit.dev/)
-   [Source Code](https://github.com/taikai/dappkit)
-   [Discord](https://discord.gg/layerx)
-   [NPM](https://www.npmjs.com/package/@taikai/dappkit)

### Rocket Kit

Rocket Kit is an React.js open source UI Design System used by LayerX products. This design system is built around the Atomic Methodoly and provides you with atoms, molecules, organisms that working together to create effective interface design systems without too much effort.

-   [Storybook](https://main--600c295ccb36300021e7d82f.chromatic.com/)
-   [Chromatic Library](https://www.chromatic.com/library?appId=600c295ccb36300021e7d82f&branch=main)
-   [Source Code](https://github.com/taikai/rocket-kit)
-   [NPM](https://www.npmjs.com/package/@taikai/rocket-kit)

If you need any help please contact our team  [gm@layerx.xyz](mailto:gm@layerx.xyz)

🚨  **Important Disclaimer**  - This bounty could only be solved by ETH Belgrade Participants. A hacker that is not a participant is not entitled to get their solution accepted and receive the prize

Happy Hacking 🎯



LayerX Bounty @ ETH Belgrade - Create a dappKit + Rocket Kit Dapp 

The goal of this bounty is to include the locked $BEPRO on Uniswap v3 BEPRO/USDC pool on the TVL provided by Defi Llama.

The TVL from UniswapV3 should be included in the Polygon TVL Section

Defi Llama Original Project
https://defillama.com/protocol/bepro-network

Bepro Folder on Defi Llama Adapters
https://github.com/taikai/DefiLlama-Adapters/tree/main/projects/bepro

The BEPRO/ETH Pool on Uniswap v3 is deployed on address 0x1a710f650e0c829c55b20a31fe1f8b45907baddc as you can confirm [here](https://info.uniswap.org/#/polygon/pools/0x1a710f650e0c829c55b20a31fe1f8b45907baddc).



Tasks

2

3

317