Real Estate Website β Technigo Bootcamp Project 2025 #75
Conversation
HIPPIEKICK
left a comment
HIPPIEKICK
left a comment
There was a problem hiding this comment.
Good job with this business site, Kausyar, looks really nice!
However, it seems like you're missing some requirements:
- Responsive hamburger menu that's visible only on mobile devices
- You have divs/spans that look like a form, but I can't see any actual form element which is one of the requirements this week
To add to this, I'm having a hard time checking some of the requirements due to the large amount of files in your repository. Would you mind removing the node_modules (are you using them?) and/or creating a .gitignore file where you write node_modules to make sure they are excluded on GitHub.
Also, there's a little bug when I click the AUD button, then some text appears on top of the existing text. So please also fix this.
mikaelasturk
left a comment
mikaelasturk
left a comment
There was a problem hiding this comment.
I really like the clear and detailed comments, especially in the HTML file! It makes the code easy to follow and understand.
It would be great to see a few more comments in the CSS as well, and preferably in English to keep everything consistent. ;)
I also noticed that the hamburger menu is missing from the project, which is part of the requirements. :)
Overall, great work!! The website feels advanced and thoughtfully built!
| /* ------------------------------------------------------ | ||
| | THEME VARIABLES: Π±Π°Π·ΠΎΠ²ΡΠ΅ (light) βοΈ | ||
| ------------------------------------------------------ */ | ||
| :root { |
| body { | ||
| opacity: 0; | ||
| transition: opacity 0.3s ease-in-out; | ||
| } | ||
|
|
||
| body.loaded { | ||
| opacity: 1; | ||
| } |
There was a problem hiding this comment.
This was a really cool detail to add!
css/style.css
Outdated
| /* ------------------------------- | ||
| | 1οΈβ£ GRID FOR BASE DESKTOP 1οΈβ£ | | ||
| ------------------------------- */ | ||
| /* --------------------------------------------- | ||
| | 2οΈβ£ GRID FOR Tablet landscape: β€ 1200px 2οΈβ£ | | ||
| -------------------------------------------- */ | ||
| /* --------------------------------------------- | ||
| | 3οΈβ£ GRID FOR Tablet portrait: β€ 900px 3οΈβ£ | | ||
| -------------------------------------------- */ | ||
| /* --------------------------------------- | ||
| | 4οΈβ£ Phone: β€ 600px ΠΠΠ ΠΠΠΠΠ’ΠΠΠ¬ΠΠΠ― 4οΈβ£ | | ||
| -------------------------------------- */ | ||
| /* ------------------------------------- | ||
| | 5οΈβ£ Extra small phone: β€ 320px 5οΈβ£ | | ||
| ------------------------------------ */ | ||
| /* |
There was a problem hiding this comment.
Did you forget to put these in the right place? I love the clear, big comments!
| const toggle = document.getElementById("language-toggle"); | ||
| toggle.addEventListener("click", () => { | ||
| localStorage.setItem("scrollPos", window.scrollY); | ||
|
|
||
| const currentLang = window.location.pathname.includes("index.en.html") | ||
| ? "en" | ||
| : "ru"; | ||
| if (currentLang === "ru") { | ||
| window.location.href = "index.en.html"; | ||
| } else { | ||
| window.location.href = "index.html"; | ||
| } | ||
| }); |
There was a problem hiding this comment.
Really good feature, easy to read. Relevant to the project, so that you can work in your preferred language.
index.en.html
Outdated
| rel="stylesheet" | ||
| /> | ||
| <link rel="stylesheet" href="css/style.css" /> | ||
| <title>ΠΠΠΠ - ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ ΠΏΠΎ Π½Π΅Π΄Π²ΠΈΠΆΠΈΠΌΠΎΡΡΠΈ</title> |
There was a problem hiding this comment.
Don't forget to add an english title here :)
Removed price filter and favorites system from features list. Updated how it works section to reflect changes.
Im done β π |
Can't you see my comment from October 9, @KausarShangareeva ? |
|
KausarShangareeva
changed the title
KausarShangareeva
changed the title
3 participants
Hi there! π
Iβm currently building DMian, a real estate website focused on the Emirates. The project showcases property listings in a clean, modern design, fully responsive across devices.
Key Features:
This project helped me practice responsive layouts, interactivity, and combining HTML, CSS, and JavaScript to create a functional and visually appealing website. π