Blockchain Challengue - Rather Labs

Tech Challenge For Full Stack Developer

Website: blockchain-challenge.vercel.app

[+] Description

A survey company wants to make a new quiz form that rewards users with tokens for participating in the survey. They create surveys, loading them into JSON format and they want you to develop a responsive web application using React and TypeScript for people to answer and submit the results, getting tokens in the process.

[+] Requirements

• Check .env.example for enviromental variables.
• React - The library for web and native user interfaces.
• TypeScript - TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
• Next.js - A React framework for production.
• Tailwind CSS - A utility-first CSS framework.
• Wagmi - A collection of React Hooks containing everything you need to start working with Ethereum.
• RainbowKit - A React library that makes it easy to add wallet connection to your dapp.

[+] Installation

To get started, clone this repository and install the dependencies by running npm install.

• git clone https://github.com/thecil/blockchain_challenge.git
• cd blockchain_challenge
• npm install

[+] Usage

In the project directory, you can run:

• Runs the app in development mode. Open http://localhost:3000 to view it in the browser.

  npm run dev

• Builds the app for production to the .next folder.

  npm run build

• Starts the application in production mode. The application should be compiled with npm run build first.

  npm run start

• Runs ESLint to check for linting errors.

  npm run lint

[+] Credits

thecil

[+] Find me on

Notes

Please keep in consideration:

• ⚠️ My main skills are not Front-End UI, I'm focused on UX components and that each component works as expected. (Although I know how to do fundamental CSS).

• This application is restricted to work on Goerli and Hardhat Networks. (But it's capable to handle multiple networks if needed).