REACT Javascript webpage assistance! – Translator job

I have a REACT webpage using Javascript that I need completed within the next 24 hours if possible. My webpage has 3 sections, a home page, a product details page, and a checkout page. The Home page and checkout page work as intended and I do not wish to change them, however my ProductDetails page is giving me a lot of trouble.

I have a figma mock up of all 3 pages completed, but am struggling to create my ProductDetilas page and implement CSS into it.

As seen in my figma mockup screenshot for my Product Details page, I want a scroll box that displays the 3 images I have for each game id in my api.js file. I also want a star rating box, a price box, and a buy now box that links itself to my shopping cart component with that game added to it.
Under this, I want a container with my game's description, developer name, and release date, all of which are included in my api.js file in my provided zipped code.
Lastly, I want a container displaying the mock reviews I have in my api.js file, and another container including tags that could be clicked on to reroute to genres on the home page, or similar games maybe? Unsure what to do with this section.

I have a lot of the work completed but do not have the time to complete this final section. I would greatly appreciate your help in completing this as mentioned without doing much changing to my other completed pages as my peers helped put these together.

Due to file size constraints, I split some of the node modules into a separate folder, these would just need to be dragged back into the node_modules folder in my loot-cover folder provided.

Posted On: April 09, 2024 23:11 UTC
Category: Front-End Development
Skills:JavaScript, React, HTML, CSS, Web Development

Country: Canada

click to apply