Example "Mushroom App" used as a p2panda tutorial

Last update: Nov 4, 2022

Overview

mushroom-app-tutorial

This is an example app accompanying the p2panda tutorial "Let's build a mushroom app!" with TypeScript, Webpack and React.

Usage

The best way to learn about this application is to read the tutorial. If you already know what you're doing, you can also get started with the following steps:

Install dependencies
```
npm install
```
Start your aquadoggo node
Deploy schemas on node
```
npm run schema
```
Copy the resulting JSON into schemas.json
Start the application
```
npm start
```
Open the webbrowser at http://localhost:8080

License

UNLICENSED

Supported by

This project has received funding from the European Union’s Horizon 2020 research and innovation programme within the framework of the NGI-POINTER Project funded under grant agreement No 871528

Example project using Miniflare, esbuild and AVA

Miniflare Example Project This is an example Cloudflare Workers project that uses Miniflare for local development, esbuild for bundling, and AVA for t

Dec 3, 2022

This example represents SCORM-compliant question set (aka quiz)

HTML&JS SCORM 2004 Compliant Quiz This example represents SCORM-compliant question set (aka quiz) and was made with Bootstrap 5 and Vanilla JS. You ma

Dec 25, 2021

A simple example on how to get WalletConnect to authenticate wallets in the Expo Go app.

WalletConnect Example on Expo This is a simple example how to get WalletConnect up and running with Expo for React Native. WalletConnect's dependency

Dec 30, 2022

we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

Aug 12, 2022

Next.js + Prisma + Supabase simple Blog example

Next.js + Prisma + Supabase Blog Project About the Project Prisma connects the PostgreSQL Database provided by Supabase by using postgres connection s

Nov 19, 2022

A complete example of fullstack NFT minting dApp

This a complete example of fullstack NFT minting dApp. BoredApe is built with the purpose of providing an entry point for future NFT Minting Website projects.

Dec 13, 2022

An example of a schema-based form system for React.

React Advanced Form An example of a schema-based form system in React. Define your schema, and pass it into the form. Supports basic conditional schem

Dec 31, 2022

High performance personalization & a/b testing example using Next.js, Edge Middleware, and Builder.io

Next.js + Builder.io Personalization & A/B Testing with Edge Middleware This is a fork of Next.js Commerce with Builder.io integrated and using Edge M

Dec 25, 2022

A free book that talks about design patterns/techniques used while developing with React.

React in patterns 📚 A free book that talks about design patterns/techniques used while developing with React. Book GitBook Web PDF Mobi ePub Translat

Jan 7, 2023

Comments

Integrate `shirokuma`
Integrate the higher level p2panda lib `shirokuma.

We shouldn't actually merge this to main as it would mess up the existing tutorial, but maybe there is a home for it elsewhere eventually.

[x] import shirokuma (currently from local build, requires https://github.com/p2panda/shirokuma/tree/update-api)

[x] expose Session globally via context

[x] use session to create and update documents

[ ] use session to publish the schema too

[ ] needs access to the newly created document id's though, which session doesn't currently give

[ ] figure out why publishing a Picture currently fails with Error: Unsupported field type: object
opened by sandreae 0

Owner

p2panda is a user-friendly peer-to-peer protocol for secure, energy-efficient local-first web applications

GitHub https://p2panda.org/tutorials/mushroom-app

Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.

Frontend Mentor - Job listings with filtering Front-end challenge focused on javascript logic, where a list of fictitious vacancies is presented and t

11 Apr 13, 2022

Tutorial created in collaboration with Enyel Sequeira, taught by JavaScript Mastery.

Travel Advisor Live Site Introduction Build and Deploy an advanced Travel Companion Application using Google Maps. With Geolocation, Google Maps API,

1.6k Jan 3, 2023

Source code for my tutorial on how to build customizable table component with React Table and Tailwind CSS.

React Table + Tailwind CSS = ❤️ Source code for my tutorial on how to build customizable table component with React Table and Tailwind CSS. Both parts

147 Jan 7, 2023

React tutorial

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

6 Sep 25, 2021

React Hooks tutorial for beginners.

React Hooks for Beginners git clone <url> Clone into the repo code react-hooks Open the folder in VS Code npm install Install the dependencies npm sta

2 Oct 10, 2022

This is a code repository for the corresponding video tutorial. In this video, we're going to build a Modern UI/UX Restaurant Landing Page Website

Restaurant Landing Page Live Site Stay up to date with new projects New major projects coming soon, subscribe to the mailing list to stay up to date h

843 Jan 4, 2023