{"id":25388196,"url":"https://github.com/dawidolko/f1zone-project-html-css-js-sass","last_synced_at":"2026-02-15T12:30:32.326Z","repository":{"id":183812707,"uuid":"670798481","full_name":"dawidolko/F1Zone-Project-HTML-CSS-JS-SASS","owner":"dawidolko","description":"F1 Poster Shop is a front-end website for purchasing Formula 1 posters, including driver, team and track posters. The design was created in HTML, CSS (Sass/SCSS) and JavaScript, with a responsive design and modern layout.","archived":false,"fork":false,"pushed_at":"2025-05-28T19:01:48.000Z","size":33959,"stargazers_count":5,"open_issues_count":2,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-04T16:50:39.821Z","etag":null,"topics":["design","f1","f1-score","f1-web","formula1","page","project","site","website"],"latest_commit_sha":null,"homepage":"https://f1.dawidolko.pl/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dawidolko.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":["dawidolko"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":null}},"created_at":"2023-07-25T21:36:06.000Z","updated_at":"2025-09-23T13:10:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"0abfdbf3-e6fd-4cd3-9dac-fa6b4d7bb175","html_url":"https://github.com/dawidolko/F1Zone-Project-HTML-CSS-JS-SASS","commit_stats":null,"previous_names":["dawidolko/f1-website-design","dawidolko/f1zone-project-html-css-js-sass"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/dawidolko/F1Zone-Project-HTML-CSS-JS-SASS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dawidolko%2FF1Zone-Project-HTML-CSS-JS-SASS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dawidolko%2FF1Zone-Project-HTML-CSS-JS-SASS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dawidolko%2FF1Zone-Project-HTML-CSS-JS-SASS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dawidolko%2FF1Zone-Project-HTML-CSS-JS-SASS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dawidolko","download_url":"https://codeload.github.com/dawidolko/F1Zone-Project-HTML-CSS-JS-SASS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dawidolko%2FF1Zone-Project-HTML-CSS-JS-SASS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279096586,"owners_count":26102603,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-15T02:00:07.814Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["design","f1","f1-score","f1-web","formula1","page","project","site","website"],"created_at":"2025-02-15T12:41:25.307Z","updated_at":"2026-02-15T12:30:32.321Z","avatar_url":"https://github.com/dawidolko.png","language":"CSS","funding_links":["https://github.com/sponsors/dawidolko"],"categories":[],"sub_categories":[],"readme":"# F1-Website-Design \n\n\u003e 🚀 **Modern Formula 1 Poster Shop** - Build responsive frontend websites with HTML5, JavaScript, and SCSS\n\n## 📋 Description\n\nWelcome to the **F1-Website-Design** repository! This project showcases a modern and fully responsive frontend website for showcasing and selling premium Formula 1 posters. The focus is on delivering high performance, aesthetic design, and smooth user experience across all devices using cutting-edge frontend technologies.\n\nThis repository demonstrates best practices in modern web development, featuring responsive design, interactive JavaScript functionality, and organized SCSS architecture for maintainable styling solutions.\n\n## 📁 Repository Structure\n\n```\nF1-Website-Design/\n├── 📄 index.html     # Main entry page and application structure\n├── 🎨 css/           # Compiled CSS files for production\n├── ⚙️ scss/          # SCSS/SASS source files for styling\n├── 💻 js/            # JavaScript scripts and interactive functionality\n├── 🖼️ img/           # Images, graphics, and product assets\n└── 📖 README.md      # Project documentation\n```\n\n## 🚀 Getting Started\n\n### 1. Clone the Repository\n\n```bash\ngit clone https://github.com/dawidolko/F1-Website-Design.git\ncd F1-Website-Design\n```\n\n### 2. Basic Setup (Static Version)\n\n- Open the `index.html` file directly in your browser\n- All styles and scripts are ready to use immediately\n\n### 3. Advanced Setup (With Build Tools)\n\nFor development with SCSS compilation and optimization:\n\n```bash\nnpm install\nnpm start\n```\n\n## ⚙️ System Requirements\n\n### **Essential Tools:**\n\n- **Modern Web Browser** (Chrome, Firefox, Safari, Edge)\n- **Code Editor** (VS Code, Sublime Text, WebStorm)\n- **Git** for version control\n\n### **Development Environment (Optional):**\n\n- **Node.js \u0026 npm** for package management\n- **Sass/SCSS compiler** for style preprocessing\n- **Webpack** for build optimization and asset bundling\n- **Live Server** extension for real-time development\n\n### **Recommended Extensions:**\n\n- **Sass/SCSS** syntax highlighting\n- **Live Sass Compiler** for automatic compilation\n- **Prettier** for code formatting\n- **ESLint** for JavaScript code quality\n\n## ✨ Key Features\n\n### **🏪 Product Catalog**\n\n- Premium F1 posters featuring famous drivers, teams, and legendary race tracks\n- Detailed product descriptions with pricing and high-quality imagery\n\n### **📱 Responsive Design**\n\n- Fully optimized for mobile phones, tablets, and desktop devices\n- Modern CSS Grid and Flexbox layouts\n\n### **⚡ Dynamic Frontend**\n\n- Interactive product search and category filtering\n- Smooth animations and transitions for enhanced user experience\n\n### **🎨 Modern UI/UX**\n\n- Modular SCSS/SASS architecture for maintainable styling\n- Professional design following current web design trends\n\n### **🚀 Performance Optimized**\n\n- Fast loading times and smooth navigation\n- Optimized images and efficient asset delivery\n\n## 🛠️ Technologies Used\n\n- **HTML5** - Semantic markup and modern web standards\n- **CSS3/SCSS/SASS** - Advanced styling and responsiveness\n- **JavaScript** - Interactive functionality and DOM manipulation\n- **Webpack** - Module bundling and build optimization\n- **Git** - Version control and collaboration\n\n## 🌍 Live Demo\n\nThe project is deployed and available at: **[https://f1.dawidolko.pl](https://f1.dawidolko.pl)**\n\n## 🖼️ Preview\n\n[\u003cimg src=\"img/f1.dawidolko.pl_.png\" width=\"80%\" alt=\"F1 Website Preview\"/\u003e](img/f1.dawidolko.pl_.png)\n\n## 🤝 Contributing\n\nContributions are highly welcomed! Here's how you can help:\n\n- 🐛 **Report bugs** - Found an issue? Let us know!\n- 💡 **Suggest improvements** - Have ideas for better features?\n- 🔧 **Submit pull requests** - Share your enhancements and solutions\n- 📖 **Improve documentation** - Help make the project clearer\n\nFeel free to open issues or reach out through GitHub for any questions or suggestions.\n\n## 👨‍💻 Author\n\nCreated by **Dawid Olko** - Part of the ongoing Formula 1 web development series.\n\n## 📄 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdawidolko%2Ff1zone-project-html-css-js-sass","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdawidolko%2Ff1zone-project-html-css-js-sass","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdawidolko%2Ff1zone-project-html-css-js-sass/lists"}