Skip to content

Landing Ecosolution in accordance with the technical task. Frontend test task.

Notifications You must be signed in to change notification settings

darynakarmazin/ecosolution

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ecosolution Landing page.

This project was bootstrapped with Create React App.

Available Scripts

npm install Runs for installing dependencies.

npm start Runs the app in the development mode.

npm test Launches the test runner in the interactive watch mode.

npm run build Builds the app for production to the build folder.

npm run eject Note: this is a one-way operation. Once you eject, you can't go back!

Product Requirements Document

https://docs.google.com/document/d/1ZMFkZ19gkjatcx5-tVVJz0Boi-bqXJsV/edit

Figma markup Document

https://www.figma.com/file/pTbhAbEXjsofeQHmtIE2tK/Ecosolution?type=design&node-id=136-1944&mode=design&t=wqVHwEUk02U7oPYO-0

Learn More

Test task. Landing Ecosolution in accordance with the technical task. Frontend test task. Completed the frontend test task, I successfully developed a responsive landing page for Ecosolution using React. The page adheres to the provided design and technical specifications, featuring a fixed header with smooth scrolling, a burger menu with smooth scrolling navigation, automated value counters, an infinite slider for cases, a validated form in the Contact Us section, and a footer with a back-to-top arrow. The code is clean, well-structured, and follows best practices for accessibility, semantic markup, and responsiveness across various devices. The project is hosted on github.com for easy access and review.

Technology stack [React, Git, html5, styled-components, gh-pages, css3, react-icons, css-variables, react-responsive, react-hooks, usestate]

Lighthouse report Lighthouse report

Validation report Validation report

Decktop Validation report

Tab Tab page

Mobile Mobile page

Burger menu Burger menu

Validated form Validated form