Skip to content

SuryaPatil/thirdweb-app

Repository files navigation

Edblock

Edblock is a peer-to-peer file-sharing service for students and teachers. Read more about the project here

How the App Works

First, the user needs to create an account. The user is either a student or teacher.

Screen Shot 2024-01-19 at 9 09 22 PM

Once the user has an account, they can login:

Screen Shot 2024-01-19 at 9 12 23 PM

Once the user is logged in, they can see all their classes:

Screen Shot 2024-01-22 at 9 05 32 AM

Click on a class to view its webpage:

Screen Shot 2024-01-22 at 8 57 09 AM

Click "Post" to make a post. Optionally share a file by uploading it to IPFS.

Screen Shot 2024-01-22 at 9 21 41 AM

We can see the post with the file's IPFS URL. Click on the URL to access the file using IPFS.

Screen Shot 2024-01-22 at 9 45 06 AM

We can see the file using the IPFS URL.

Screen Shot 2024-01-22 at 9 59 08 AM

Below is a full video demonstrating the process:

Screen.Recording.2024-01-22.at.10.22.07.AM.mov

Running the application

In the root directory of the project, install the necessary packages via the command:

npm install

To run the frontend, run

npm run dev

To run the set up the database, open another tab in your terminal. Then, enter the following commands:

cd backend
npm install
node init.js

Now, run:

nodemon server.js

The application is now running on localhost:3000, and the server is running on localhost:8000

Getting Started

Create a project using this example:

npx thirdweb create --template next-typescript-starter

You 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.

Environment Variables

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 to IPFS

Deploy a copy of your application to IPFS using the following command:

yarn deploy

Learn More

To learn more about thirdweb and Next.js, take a look at the following resources:

You can check out the thirdweb GitHub organization - your feedback and contributions are welcome!

Join our Discord!

For any questions, suggestions, join our discord at https://discord.gg/thirdweb.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors