Code Monkey home page Code Monkey logo

connectamind's Introduction

Connectamind landing page

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

connectamind's People

Contributors

beeman avatar derlys avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.