- To avoid build errors, please use node version 16.x
- Install dependencies by navigating to the project's root folder and running the
yarn installcommand - Start the development server by running the
yarn startcommand - Access the server at http://localhost:5050/
- Find landing page at http://localhost:5050/landing.html
- Find layout system page at http://localhost:5050/layout-docs.html
- If you need product logos, you can access them via @jetbrains/logos package. Note that you have to install it manually.
-
Do not change the current file structure
-
Do not use jQuery
-
Do not use external layout libraries, only http://localhost:5050/layout-docs.html
-
Use only PostCSS
-
Use breakpoints from
exterrnal-libs/breakpoints/index.css. You can find usage example inindex.entry.pcss -
Use CSS variables
- Adaptivity: there should be desktop, tablet and mobile versions, but use desktop-first approach
- Cross-browser compatibility: support for all modern browsers
- Fonts: use standard system fonts
- When scrolling, the site menu must stick to the top browser border
- Make product section interactive. When the name of the product is hovered over, logo should stay opaque while other elements become semi-transparent. Product names must also become links. On mobile, element transparency should not be implemented.
- Behavior of interactive elements that are not specified in the design doc and readme.md is left up to you
- You don't have to make forms interactive and can leave them as a static layout
- Be sure to mention problems that you've encountered