{"id":15019241,"url":"https://github.com/gzixnine/technoit","last_synced_at":"2026-02-01T22:31:18.536Z","repository":{"id":255595236,"uuid":"851186547","full_name":"GziXnine/Technoit","owner":"GziXnine","description":"Technoit is a cutting-edge multi-page web application built with HTML, CSS, SCSS, Bootstrap, and JavaScript. It offers a responsive layout, interactive features, and a modern design to provide an exceptional user experience across all devices. Explore its sophisticated design and functionality across the various pages.","archived":false,"fork":false,"pushed_at":"2024-09-07T20:20:44.000Z","size":6918,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-21T07:01:30.336Z","etag":null,"topics":["bootstrap5","css3","html5","js","multi-page-application","scss","semantic","techno","technoit"],"latest_commit_sha":null,"homepage":"https://gzixnine.github.io/Technoit/","language":"HTML","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/GziXnine.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2024-09-02T15:31:34.000Z","updated_at":"2025-02-04T06:08:57.000Z","dependencies_parsed_at":"2024-09-06T07:32:43.687Z","dependency_job_id":"e3e84701-9654-4ff9-a5ea-e11bcdf78026","html_url":"https://github.com/GziXnine/Technoit","commit_stats":{"total_commits":25,"total_committers":2,"mean_commits":12.5,"dds":"0.19999999999999996","last_synced_commit":"18d9660b8d4cb854b440cc8ffbb9496fb3789ff4"},"previous_names":["gzixnine/technoit"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/GziXnine/Technoit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FTechnoit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FTechnoit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FTechnoit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FTechnoit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GziXnine","download_url":"https://codeload.github.com/GziXnine/Technoit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FTechnoit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261770448,"owners_count":23207187,"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":["bootstrap5","css3","html5","js","multi-page-application","scss","semantic","techno","technoit"],"created_at":"2024-09-24T19:53:12.674Z","updated_at":"2026-02-01T22:31:18.528Z","avatar_url":"https://github.com/GziXnine.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌐 Technoit - Multi-Page Application\n\nWelcome to **Technoit**, a dynamic, multi-page application designed with modern web development best practices. This project features a responsive layout, interactive elements, light/dark mode, smooth animations, and the Canvas API, offering both functionality and an immersive user experience.\n\n## 🔥 What’s Special About Technoit?\n\n## Key Features:\n⚡️ **Dynamic Multi-Page Layout**: Seamless navigation across multiple pages, offering a smooth and intuitive user experience.  \n💻 **Fully Responsive Design**: Guarantees an excellent experience across all devices, from large desktops to small mobile screens.  \n🌗 **Light/Dark Mode Toggle**: Easily switch between light and dark themes, enhancing accessibility and personalization.  \n🎨 **Canvas API Integration**: Harnesses the power of the Canvas API to create custom graphical elements and interactive effects.  \n🎞️ **Smooth Animations**: Features sleek transitions and animations for a dynamic and visually engaging interface.  \n🛠️ **Custom Functions**: Includes `particles.js` and other optimized custom functions to improve interactivity and user engagement.  \n🌊 **Swiper Functionality**: Integrated swiper functionality for touch-friendly, smooth transitions between content slides. Ideal for image galleries and carousels.\n\n## 📸 Preview\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Completion-100%25-brightgreen\" alt=\"Completion Status\"\u003e\n  \u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://visitor-badge.laobi.icu/badge?page_id=GziXnine/Technoit\" alt=\"Visitors\"\u003e\n  \u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"https://img.shields.io/github/repo-size/GziXnine/Technoit\" alt=\"Repository Size\"\u003e\n\u003c/p\u003e\n\n![Technoit Screenshot](https://github.com/GziXnine/Technoit/blob/main/landing.png)\n\n## 🛠️ Technologies Used\n- **HTML5**: For semantic and structured content.\n- **CSS3 \u0026 SCSS**: Custom styles with variables and reusable code for maintainable, scalable CSS.\n- **JavaScript**: Enhances interactivity and handles light/dark mode and Canvas API interactions.\n- **Canvas API**: For creating dynamic graphics and animations.\n- **Bootstrap**: For a responsive grid and prebuilt UI components.\n- **GitHub Pages**: For easy hosting and live preview.\n\n## 🚀 How to Get Started\n\n### Prerequisites:\n- Basic understanding of HTML, CSS, JavaScript, and SASS.\n- Familiarity with Git for version control.\n\n### Installation:\n1. **Clone the repository**:\n    ```bash\n    git clone https://github.com/GziXnine/Technoit.git\n    ```\n2. **Navigate to the project folder**:\n    ```bash\n    cd Technoit\n    ```\n3. **Open `index.html` in your browser** to view the website.\n\n\n## 🎨 Customization\nThis template offers great flexibility for customization. Easily modify the following:\n\n- **SCSS Variables**: Customize the primary and secondary colors, fonts, and other design elements via the `_variables.scss` file.\n- **Icons**: Powered by [Font Awesome](https://fontawesome.com/), you can include custom icons throughout the website.\n\n## 📈 Roadmap\n- [x] Complete multi-page layout.\n- [x] Add fully responsive design.\n- [x] Implement dynamic JavaScript interactions.\n- [x] Integrate Canvas API for graphical elements.\n- [x] Implement smooth animations and transitions.\n- [x] Add light/dark mode toggling.\n- [x] Add new feature pages and sections.\n- [x] Optimize animations for better performance.\n\n## 🤖 Future Enhancements\n- **📊 API Integrations**: Integrate with external APIs to enhance content and functionality.\n- **⚡️ Performance Improvements**: Further optimize images, assets, and code structure for better speed and performance.\n\n## 🙌 Contributions\nContributions, issues, and feature requests are welcome! Feel free to check the [issues page](https://github.com/GziXnine/Technoit/issues) or submit a pull request.\n\n## 📝 License\nThis project is open-source and available under the [MIT License](LICENSE).\n\n## 🙏 Acknowledgments\n- Inspired by tutorials from [Elzero Web School](https://elzero.org/).\n- Icons provided by [Font Awesome](https://fontawesome.com/).\n- Fonts from [Google Fonts](https://fonts.google.com/).\n\n## 📬 Contact\n\nFeel free to reach out with any questions or feedback:\n\n- **GitHub**: [GziXnine](https://github.com/GziXnine)\n- **LinkedIn**: [Ahmed Allam](https://www.linkedin.com/in/1ahmed-allam)\n- **Telegram**: [Telegram](http://t.me/GziXnine).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgzixnine%2Ftechnoit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgzixnine%2Ftechnoit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgzixnine%2Ftechnoit/lists"}