{"id":27258679,"url":"https://github.com/abdulrahmanbaiasy/sushiapp","last_synced_at":"2026-05-02T10:43:35.208Z","repository":{"id":287120865,"uuid":"963665415","full_name":"AbdulrahmanBaiasy/sushiapp","owner":"AbdulrahmanBaiasy","description":"📖 About A responsive sushi-themed website built with HTML, CSS, and Vite. It features a modern layout with sections for popular food, drinks, a hero area, and a newsletter signup. Ideal for beginners to learn responsive design, CSS structuring (BEM), and smooth animations.","archived":false,"fork":false,"pushed_at":"2025-04-10T03:08:56.000Z","size":796,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-11T03:49:33.281Z","etag":null,"topics":["css","frontend","html","html5","javascript","js","vite","web","webapp"],"latest_commit_sha":null,"homepage":"https://sushiapp-one.vercel.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AbdulrahmanBaiasy.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2025-04-10T03:05:02.000Z","updated_at":"2025-04-10T03:10:30.000Z","dependencies_parsed_at":"2025-04-10T04:23:36.102Z","dependency_job_id":"64cf4362-6267-4861-aefe-8c5e5dcb55e4","html_url":"https://github.com/AbdulrahmanBaiasy/sushiapp","commit_stats":null,"previous_names":["abdulrahmanbaiasy/sushiapp"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulrahmanBaiasy%2Fsushiapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulrahmanBaiasy%2Fsushiapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulrahmanBaiasy%2Fsushiapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulrahmanBaiasy%2Fsushiapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AbdulrahmanBaiasy","download_url":"https://codeload.github.com/AbdulrahmanBaiasy/sushiapp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248339267,"owners_count":21087214,"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","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":["css","frontend","html","html5","javascript","js","vite","web","webapp"],"created_at":"2025-04-11T03:49:36.581Z","updated_at":"2026-05-02T10:43:35.164Z","avatar_url":"https://github.com/AbdulrahmanBaiasy.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"![hero](image.png)\r\n\r\n## 📋 Table of Contents\r\n\r\n1. 🤖 [Introduction](#introduction)  \r\n2. ⚙️ [Tech Stack](#tech-stack)  \r\n3. 🔋 [Features](#features)  \r\n4. 🤸 [Quick Start](#quick-start)  \r\n\r\n\r\n## 🤖 Introduction\r\n\r\nThis project is a simple sushi-themed website built using HTML, CSS, and Vite. It showcases sections such as popular food, trending sushi, drinks, and more—all with clean, modern styling and subtle animations.\r\n\r\nThe goal is to help beginners explore web development concepts like layout structuring, styling methodologies, and responsive design techniques.\r\n\r\n## ⚙️ Tech Stack\r\n\r\n- HTML5  \r\n- CSS3  \r\n- Vite  \r\n\r\n## 🔋 Features\r\n\r\n- **CSS Variables** for consistent, easily maintainable styling  \r\n- **Modular CSS Imports** to promote organized code  \r\n- **Flex and Positioning** to create responsive layouts  \r\n- **JavaScript Rendering** to build HTML content dynamically  \r\n- **Smooth Animations** for a modern user experience  \r\n- **BEM Methodology** for maintainable CSS class naming  \r\n- **Well-Structured File Organization** for easy navigation  \r\n- **Fully Responsive Design** that adapts to all screen sizes  \r\n\r\nThe project includes:\r\n\r\n- Navigation Bar  \r\n- Creative Hero Section  \r\n- About Us Section  \r\n- Popular Food, Trending Sushi, and Drinks Sections  \r\n- Newsletter Signup  \r\n- Footer  \r\n\r\n## 🤸 Quick Start\r\n\r\nFollow these steps to run the project locally:\r\n\r\n### Prerequisites\r\n\r\nMake sure the following are installed on your machine:\r\n\r\n- [Git](https://git-scm.com/)  \r\n- [Node.js](https://nodejs.org/en)  \r\n- [npm](https://www.npmjs.com/)  \r\n\r\n### Clone the Repository\r\n\r\n```bash\r\ngit clone https://github.com/abdulrahmanbaiasy/sushiapp.git\r\ncd sushiapp\r\n```\r\n\r\n### Install Dependencies\r\n\r\n```bash\r\nnpm install\r\n```\r\n\r\n### Start Development Server\r\n\r\n```bash\r\nnpm run dev\r\n```\r\n\r\nOpen [http://localhost:5173](http://localhost:5173) in your browser to view the project.\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdulrahmanbaiasy%2Fsushiapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabdulrahmanbaiasy%2Fsushiapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdulrahmanbaiasy%2Fsushiapp/lists"}