oleg-strong/team-project-good_food

FoodSta

Description

"FoodSta" is a one-page web app for ordering food online with feedback sections, gallery slider and checkout form.

Terms of reference:

It is a team project made according to the layout FoodSta

1. Development of a one-page website for FoodSta.
2. The layout is adaptive, except for mobile devices.
3. Breakpoints: mobile: 480px; tablet: 768px; desktop: 1280px;
4. The site should be viewed correctly in all possible browser window sizes and devices, starting from 320px wide, both in portrait and landscape orientation.
5. The layout should be tested on a validator - (https://validator.w3.org/, https://validator.w3.org/unicorn/)
6. Compliance with semantics in accordance with HTML5 standards.
7. Optimize the size of vector and raster graphics
8. Support for displaying images for retina screens
9. Optimize image loading.
10. Add the display of page favicon.

Project structure.

Header Hero Offerings Favorites Customers Say Subscribe Footer

Project objectives:

1. To consolidate knowledge of HTML and CSS/SASS;
2. Worked with Parcel;
3. Practice teamwork skills with Git;
4. Practicing skills in using the Scrum methodology;
5. Practice skills in using Trello for planning, prioritizing tasks and optimizing work;
6. Practice skills in using the Animate.css library;
7. Practice skills in using the SwiperJS library to develop a slider;

Installation

1. Clone the repository: https://github.com/Oleg-Strong/team-project-Good_Food
2. Open the project in the code editor
3. In the terminal, install the dependencies with the command: npm install

Usage

1. Run the application: npm start
2. Open your web browser and visit: http://localhost:1234/

Contact

• Name: Oleh Yevdokymov (https://github.com/Oleg-Strong)
• Email: [email protected]
• Project Link: (https://oleg-strong.github.io/team-project-Good_Food)