Maders / BlockForge

This is a Next.js project bootstrapped with create-next-app.

Prerequisites

Before you start, make sure you have the following installed on your machine:

• Node.js
• pnpm

Getting Started

first clone the repo and navigate to the project directory. Install the project dependencies.

pnpm  install

run the development server:

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

Tasks

Requested features:

• Editor mode (/editor)
• Viewer mode (/view)
• Ability to add two type of Presentation blocks (Image and Text)
• Ability to add one Input blocks (Text input)
• Navbar for navigation through blocks
• Ability to Remove, Reorder blocks in Editor mode

Extra features:

• Ability to edit each block in Editor mode
• Shareable link for each created wall (/share/:hash)
• Theme based design +(Light/Dark mode)