Coffee House is a project where you will need to create a website consisting of two pages, make it responsive, and add interactivity.
The task consists of three parts:
- Coffee-House. Week-1: Fixed Layout
- In this part of the task, you need to create the 'Home' and 'Menu' pages based on the layout, which should display correctly when the window width is at least 1440px;
- The validity of the work is checked, as well as its compliance with the layout.
- Coffee-House. Week-2: Responsive Design
- In this part of the task, it is necessary to add responsiveness to the pages created in the first stage, up to and including a width of 380px;
- The validity of the work is checked, its alignment with the layout at the corresponding page width, layout responsiveness, and the absence of horizontal scroll bars.
- Coffee-House. Week-3: Adding Functionality
- In this part of the task, we use JavaScript to add interactivity to the pages;
- The implemented functionality is being checked.
The duration of each part of the task is 1 week.
- The layout is valid, semantic, and matches the design.
- The application is displayed correctly and functions properly in the latest version of Google Chrome.
- Using CSS frameworks (e.g.,
Bootstrap
) is not allowed. - Using JS frameworks (e.g.,
Angular
,React
,Vue
, etc.) is not allowed. - Using outdated libraries (e.g.
JQuery
, etc.) or pre-built libraries (e.g.Swiper
, etc) to implement functionality is not allowed. - Using
TypeScript
is not allowed. - Using CSS preprocessors (
SASS
,SCSS
),normalize.css
is allowed. - Using a style reset with
reset.css
is not recommended. - Adding layout as an image by taking a screenshot of a part of the layout and pasting it into the markup is not allowed. Please use tags and characters for layout, and use images only for adding pictures and icons, not for layout elements (buttons, blocks, sections).