Write an anonymous message on John's wall

To write a message, visit wall.jpc.io and submit the form!

Your message will appear on the wall in my house

Development

Configuring environment variables

Create a .env file by copying the example. Then follow the instructions in the comments on how to set values for each environment variable.

cp .env.example .env

Set up the database

Deploy necessary resources to your AWS account via

npm run sandbox

This will create an amplifyconfiguration.json file at the root of your project, which contains all configuration necessary to interact with the deployed resources.

Testing the Wallboard

You'll need a Pixoo64 device for this work. Once your environment is configured, you may run

npm run pixoo

to send the latest message from your wallboard

Testing the Website

Install dependencies

npm install

Start the development server

First, run the development server:

npm run dev

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

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

API routes can be accessed on http://localhost:3000/api/notify. This endpoint can be edited in pages/api/notify.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Deploy on Amplify

Deploy to AWS Amplify with one click