Connectamind

Connect a Mind is the answer for content creators. In this open source DApp you can upload your articles, posts and more on any topic and sell them in exchange for the token you choose from those offered by the platform. A decentralized space where education meets blockchain innovation.

Table of content

• Demo
• Requirements
• Features
• Built with
• Development
• What impacted me positively
• My challenge
• What Do you need for run this project
• Build

Demo

🎤 PRESENTATION 🚀 CONNECT A MIND

🤓 Features

• Connect wallet
• Upload blogs: We take the experience of uploading blogs to another level. With a few clicks, you can share your knowledge in text formats.
• Content Management: An intuitive interface makes it easy to manage your courses. Update content.
• Decentralized Payments: The entire payment and course access process is done through payment confirmation in the blockchain ecosystem.
• Posts
• Dashboard

👩🏽‍💻 Built with

• Prisma
• Nest
• GraphQL
• React
• WebStorm editor
• Mantine

Development

This is my first participation in a Hackathon with a Dapp and is the reason why I wanted to get an idea of the structure of the application. After doing that, the structure of my application was organized in my mind.

I created a data model based on the features I wanted to have.

💪🏽 What impacted me positively

• Building an application in Web3 gives you the possibility to explore the diverse payment alternatives.

• During coding, I learned concepts such as:

  • data model
  • user story -data examples
  • Minimum Viable Product (MVP)

  My challenge

• Normally I use Angular as a framework for the front end, however this time the open source project stack I chose is with react. It was a challenge for me to learn this new syntax.

• I solved the functionality of displaying a certain amount of post on the home page with this service.

• Doing the frontend as a backend was another challenge, things like connecting the database to the frontend was new to me.

• Do not get lost in unnecessary functions for this initial prototype.

• Know how to allocate time for each task

• Not to focus on making it look pretty the first time, only on the functionalities

What Do you need for run this project

Prerequisites

• Node v18 or higher
• PNPM
• Docker

Installation

Clone the repo and install dependencies:

git clone [email protected]:pubkeyapp/connectamind.git
cd connectamind
pnpm

Automatic setup

You can run the automatic setup script to create the .env file, test the setup and push the database schema.

pnpm setup

Environment variables

Copy the .env.example file to .env and fill in the missing values.

cp .env.example .env

Starting the services

You will need to start the database before starting the backend.

pnpm dev:services

Pushing the database schema

If you start from scratch, you will need to push the database schema to the database.

pnpm prisma db push

Also, after each change to the schema in prisma/schema.prisma, you will need to run the above command again.

Starting the API

pnpm dev:api

Starting the web ui

pnpm dev:web

Starting the SDK generator

pnpm dev:sdk

Extending the application

You can use the following commands to generate new models, API features, web features and SDK types.

Adding a new model

The following command will generate a new model in prisma/schema.prisma.

You will need to run pnpm prisma db push to push the schema to the database.

pnpm nx g prisma-model company

Output:

> NX Generating @connectamind/tools:prisma-model

UPDATE prisma/schema.prisma

Adding a new API feature

The following command will generate a new API feature in libs/api/company/*.

You will need to restart the API server to make sure it picks up the new libraries.

pnpm nx g api-feature company

Output:

> NX Generating @connectamind/tools:api-feature

CREATE libs/api/company/data-access/...
CREATE libs/api/company/feature/...
UPDATE libs/api/core/feature/src/lib/api-core-feature.module.ts
CREATE libs/sdk/src/graphql/feature-company.graphql
CREATE apps/api-e2e/src/api/api-company-feature.spec.ts