- Make sure you are having node version 12.22.0 or later
- Download the folder buyersbuyers. Open the folder in visual studio code. Run npm install to install all dependencies.
- Run npm run dev to run the dev server. Open http://localhost:3000 with your browser to see the result.
- To extract html artefact, run npm run build. After that an out folder will be extracted containing the html file. Open index.html to view the page.
- I have completed the home page with some sections in 5.00 hrs time. 30 mins went in finding exact font, spacing, color, line height etc. i have not completed the entire home page along with few transitions on the page as that would take another 1 hr.
- Made the home page completely responsive. Fixed the responsive issues which are existing on live site left aligned, animation in responsive etc.
- I have kept the button padding consistent throught the page. Padding was different for different buttons in the existing live site.
- I have used React to build the components so that components can be resused in future. Used Sass for styling.
- Introduced the scroll to top button in the bottom right corner of the page as mentioned in my feedback.
- Header Menu is built again and revamped for the responsive section.
- Corrected the contact us box by introducing a title and aligning with cross button
- Corrected many responsive issues to make everything look consistent.