ReactJS, NextJS, Dropzone, TypeScript (backend - pass data between components)

Completed Posted 6 months ago Paid on delivery
Completed Paid on delivery

I am looking for a ReactJS and NextJS developer with experience in Dropzone and TypeScript to help me with my project. The purpose of the data being passed between components is to store and retrieve data. The data structure being used is simple. PLEASE READ - the problem is not with Dropzone or using Dropzone. Again - No problem with Dropzone, I get the file and save the file contents to a variable or localStorage - no problem. The problem is passing the contents of the variable or localStorage to const asset: Mint = { metadata: assetMetadata} in /pages/api/[login to view URL]

Steps

Install (run the following commands)

1. npx create-mesh-app project-name -t minting -s next -l ts

2. npm install --save react-dropzone

3. Add DropZone Drag and Drop to /pages/[login to view URL]

- drag and drop file (ok to use a txt or json file to drag and drop)

4.

- pass file contents from /pages/[login to view URL]

to

/pages/api/[login to view URL]

5. File contents should be saved as assetMetadata at const asset: Mint = { metadata: assetMetadata,

use of localStorage or sessionStorage is ok, or just pass the variable value - this has been the problem since /pages/api/[login to view URL] runs server side and /pages/[login to view URL] run on browser.

Do not worry about styling only worry about functionality.

Steps 1 to 3 are only setup. (no issues here)

Steps 4 and 5 are the work. (need this working)

If you are good at ReactJS - should only take an hour or two to complete.

Your [login to view URL] should have these

"dependencies": {

"@meshsdk/core": "1.2.0-beta.4",

"@meshsdk/react": "1.1.1",

"next": "^14.0.1",

"react": "^18.2.0",

"react-dom": "^18.2.0",

"react-dropzone": "^14.2.3

}

Node.js JavaScript React.js Typescript Next.js

Project ID: #37404821

About the project

21 proposals Remote project Active 6 mos ago

Awarded to:

deniswang1012

Hi David, I know you are looking for a senior React, [login to view URL] developer who can solve your problem now. I have read your description and I think this is a blockchain project. As a full-stack developer and blockchain exp More

$30 USD in 1 day
(1 Review)
1.0

21 freelancers are bidding on average $29 for this job

DGM999

Hi, I'm a ReactJS and NextJS developer with extensive experience in Dropzone and TypeScript. I can help you pass data between components to store and retrieve data for your project. I'll ensure that the data structure More

$69 USD in 2 days
(4 Reviews)
2.7
ubkinfotech

Hi there Greetings of the day! i am Uttam i have 8 years of experiences in React.js i can add dropzone in your project please ping me in chat i want to discuss and start the project as soon as possible. I have a p More

$20 USD in 7 days
(5 Reviews)
2.5
theekshanath

Hello. Specifically, I have experience working with ReactJS and NextJS before. This makes it easy for me to understand NextJS:s pass data between components use case as well as Dropzone's integration into NextJS. Addit More

$10 USD in 1 day
(1 Review)
2.0
youssufsherif

Hello there! I am here to help you. I have experience with java . If you want professional work in a short time, do not hesitate to contact me. I am waiting your massage to make my best to make amazing work.

$10 USD in 1 day
(0 Reviews)
0.0
Karion1

Hello, I have a lot of experience working with your stack, I need to look at the code and after that I think I can transfer localStorage without any problems

$20 USD in 3 days
(0 Reviews)
0.0