Project

Hyperskill Cafe

162 completions
~ 19 hours
3.7

Use HTML, CSS, and JavaScript to build a semi-dynamic website. Learn about responsive web design and complex navigation. Last but not the least, learn how to manipulate the Document Object Model (DOM) with JavaScript to render dynamic content.

Provided by

JetBrains Academy JetBrains Academy

About

We know that you're planning to open a new place on the block. The place craves for a good website. Let's make it happen! The website will have multiple pages such as home, about, contact, and a navigation bar. Don't forget to make your website responsive so that users with various devices have no trouble accessing it. To make the interface stylish, we will use a front-end library called Bootstrap.

Training project icon

Training project

This project allows you to practice and strengthen your coding skills, helping you get ready for more advanced tasks ahead.

What you'll learn

Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:
Implement a navigation bar with the help of the Bootstrap library.
The home component is going to be the first thing that a visitor sees on your website. Design a page that contains an image and text.
The about component will have a cool image and text about our cafe.
The products component will feature a gallery of delicious dishes from the Hyperskill Cafe menu.
The reviews component will contain the reviews or comments by the cafe customers. New reviews will be shown on the website once clients leave us their feedback.
The contact component is very important for our cafe. It will contain the location and contact information.
Design a footer that is similar to the navigation bar. It will contain the same navigation links and other information.

Reviews

weiBerose avatar
weiBerose
2 years ago
I got an introduction to the Bootstrap library, although much of reading on the Bootstrap docs, you have to do it yourself.  I think this project is kinda easy cus you are just submitting and checking which test it failed etc,. However it gave me a good foundations and introduction to some of the B ...
Sixten Peterson avatar
Sixten Peterson
2 years ago
I have learned to cope with awful testing and lacking learning resources. Seriously. All of the other projects I've done on this platform have been anywhere from good to great to awesome... This project is the ONLY exception this this, however. Would not recommend.
Dawid Sobótka avatar
Dawid Sobótka
2 years ago
Guidelines for this project were really bad, it's hard to know what you need to do to pass tests.

3.7

Learners who completed this project within the course rated it as follows:
Usefulness
4.2
Fun
3.5
Clarity
3.3