https://github.com/darynakarmazin/ecosolution
Landing Ecosolution in accordance with the technical task. Frontend test task.
https://github.com/darynakarmazin/ecosolution
css css-variables gh-pages javascript lighthouse react react-hooks react-responsive styled-components usestate validation
Last synced: 16 days ago
JSON representation
Landing Ecosolution in accordance with the technical task. Frontend test task.
- Host: GitHub
- URL: https://github.com/darynakarmazin/ecosolution
- Owner: darynakarmazin
- Created: 2023-12-01T08:26:25.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-21T17:52:23.000Z (almost 2 years ago)
- Last Synced: 2024-06-22T10:14:24.473Z (almost 2 years ago)
- Topics: css, css-variables, gh-pages, javascript, lighthouse, react, react-hooks, react-responsive, styled-components, usestate, validation
- Language: JavaScript
- Homepage: https://darynakarmazin.github.io/ecosolution/
- Size: 23.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ecosolution Landing page.
This project was bootstrapped with [Create React App](https://github.com/facebook/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
Validation report
Decktop
Tab
Mobile
Burger menu
Validated form
