Edblock is a peer-to-peer file-sharing service for students and teachers. Read more about the project here
First, the user needs to create an account. The user is either a student or teacher.
Once the user has an account, they can login:
Once the user is logged in, they can see all their classes:
Click on a class to view its webpage:
Click "Post" to make a post. Optionally share a file by uploading it to IPFS.
We can see the post with the file's IPFS URL. Click on the URL to access the file using IPFS.
We can see the file using the IPFS URL.
Below is a full video demonstrating the process:
Screen.Recording.2024-01-22.at.10.22.07.AM.mov
In the root directory of the project, install the necessary packages via the command:
npm installTo run the frontend, run
npm run devTo run the set up the database, open another tab in your terminal. Then, enter the following commands:
cd backend
npm install
node init.jsNow, run:
nodemon server.jsThe application is now running on localhost:3000, and the server is running on localhost:8000
Create a project using this example:
npx thirdweb create --template next-typescript-starterYou can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
On pages/_app.tsx, you'll find our ThirdwebProvider wrapping your app, this is necessary for our hooks and
UI Components to work.
To run this project, you will need to add environment variables. Check the .env.example file for all the environment variables required and add it to .env.local file or set them up on your hosting provider.
Deploy a copy of your application to IPFS using the following command:
yarn deployTo learn more about thirdweb and Next.js, take a look at the following resources:
- thirdweb React Documentation - learn about our React SDK.
- thirdweb TypeScript Documentation - learn about our JavaScript/TypeScript SDK.
- thirdweb Portal - check our guides and development resources.
- Next.js Documentation - learn about Next.js features and API.
- Templates
You can check out the thirdweb GitHub organization - your feedback and contributions are welcome!
For any questions, suggestions, join our discord at https://discord.gg/thirdweb.