https://github.com/oscar223po/jukter

Find Loads, Find Transport Fast
https://github.com/oscar223po/jukter

adaptive-layout date-js gulp html-css javascript responsive-layout scss webpack

Last synced: 19 days ago
JSON representation

Find Loads, Find Transport Fast

• Host: GitHub
• URL: https://github.com/oscar223po/jukter
• Owner: oscar223Po
• Created: 2024-01-13T16:58:40.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2025-09-05T14:17:02.000Z (10 months ago)
• Last Synced: 2025-09-05T16:35:19.658Z (10 months ago)
• Topics: adaptive-layout, date-js, gulp, html-css, javascript, responsive-layout, scss, webpack
• Language: HTML
• Homepage: https://oscar223po.github.io/jukter/dist/index.html
• Size: 3.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🚛 Jukter — Cargo Transport Search Website

Jukter connects users with cargo and transport services in just a few clicks. The website focuses on efficiency and clarity for businesses. Its clean design makes finding and booking services simple. Developing such a platform helps logistics companies save time and money.

---

🖼 Preview


![jukter](https://github.com/oscar223Po/jukter/assets/99406219/a9d7b073-e172-4434-94a9-08736f0e8d91)

---

🎯 Project Goals


- ✅ Build a user-friendly and adaptive website with responsive design that reflects the company’s services

- ✨ Add personality and liveliness to the site through pure JavaScript animations

- ⚡ Ensure high loading speed and cross-browser compatibility (Google Chrome, Safari, Yandex Browser, Opera, Edge, Brave, etc.)

- 🛠 Develop clean, valid, and maintainable code using only standard web technologies to guarantee stability and performance

---

🧩 Development Features


- 📐 Semantic **HTML5** markup for well-structured and accessible architecture  

- 🎨 **CSS3 + SCSS (Sass)** for styling with modularity and reusability  

- 🏷️ **BEM methodology** for organized class naming and scalability  

- 📱 Responsive layout with **Flexbox** and **CSS Grid**  

- ⚙️ **JavaScript** for interactive elements and dynamic behavior  

- 🔄 **Gulp + Webpack** for task automation:  

  - SCSS compilation  

  - Minification  

  - Image optimization  

  - Hot-reload during development  

---

🛠️ Tech Stack


| Technology         | Purpose                   |

| ------------------ | ------------------------- |

| **HTML5**          | Structure & semantics     |

| **CSS3 / SCSS**    | Styling & maintainability |

| **BEM**            | Clean and scalable code   |

| **Flexbox & Grid** | Responsive design         |

| **JavaScript**     | Dynamic functionality     |

| **Gulp & Webpack** | Build automation          |

---

✨ The chosen **technology stack** ensures stable performance, ease of development, and long-term support.