{"id":49592599,"url":"https://github.com/siyabuilds/siyabuilds.github.io","last_synced_at":"2026-05-04T01:39:07.477Z","repository":{"id":241004172,"uuid":"803775548","full_name":"siyabuilds/siyabuilds.github.io","owner":"siyabuilds","description":"This repo serves as a starting point towards my learning journey. By incorporating things like DOM manipulation, modern styling standards and external libraries I believe this serves as evidence of my evergrowing skills in the Tech industry.","archived":false,"fork":false,"pushed_at":"2025-10-19T06:55:52.000Z","size":3345,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-05-04T01:39:04.712Z","etag":null,"topics":["css3","javascript","npm","sweetalert2"],"latest_commit_sha":null,"homepage":"https://www.markuptitan.site","language":"SCSS","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/siyabuilds.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-05-21T11:14:15.000Z","updated_at":"2025-12-24T19:58:17.000Z","dependencies_parsed_at":"2024-07-18T08:28:26.814Z","dependency_job_id":"02fa2f74-40b7-4297-9ad7-60df357f01b1","html_url":"https://github.com/siyabuilds/siyabuilds.github.io","commit_stats":null,"previous_names":["markuptitan/markuptitan.github.io","siyabuilds/markuptitan.github.io"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/siyabuilds/siyabuilds.github.io","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siyabuilds%2Fsiyabuilds.github.io","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siyabuilds%2Fsiyabuilds.github.io/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siyabuilds%2Fsiyabuilds.github.io/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siyabuilds%2Fsiyabuilds.github.io/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/siyabuilds","download_url":"https://codeload.github.com/siyabuilds/siyabuilds.github.io/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siyabuilds%2Fsiyabuilds.github.io/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32591603,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css3","javascript","npm","sweetalert2"],"created_at":"2026-05-04T01:39:06.708Z","updated_at":"2026-05-04T01:39:07.467Z","avatar_url":"https://github.com/siyabuilds.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SiyaBuilds Portfolio\n\nWelcome to my portfolio website! 🚀 This project showcases my skills and projects in web development with a modern and dynamic user experience. The site is responsive and features interactive elements to enhance user engagement.\n\n## 🛠 Features\n- **Modern Build System**: Built with Vite for lightning-fast development and optimized production builds\n- **SCSS Architecture**: Modular SCSS with modern @use syntax for better maintainability\n- **Dynamic GitHub Integration**: Real-time repository showcase with commit activity and statistics\n- **Dark Mode Toggle**: Seamless light/dark mode switching with GitHub-inspired color scheme\n- **Dynamic Project Management**: Projects are stored and displayed dynamically using JSON with filtering capabilities\n- **Interactive Popups**: Custom SweetAlert2 alerts for enhanced user interactions\n- **Live Contact Form**: Functional contact form via Formspree integration\n- **Modern UI Design**: GitHub-inspired design with clean aesthetics and smooth animations\n- **FontAwesome Integration**: Professional icons throughout the interface\n\n## 🚀 Getting Started\n\n### Prerequisites\n\nBefore you begin, ensure you have the following installed:\n\n- [Node.js](https://nodejs.org/) (v14 or higher)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n### Local Development\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/siyabuilds/siyabuilds.github.io.git\n   ```\n\n2. **Navigate to the project directory:**\n\n   ```bash\n   cd siyabuilds.github.io\n   ```\n\n3. **Install dependencies:**\n\n   ```bash\n   npm install\n   ```\n\n4. **Start the development server:**\n\n   ```bash\n   npm run dev\n   # or\n   npm start\n   ```\n\n5. **Open your browser and visit:**\n\n   ```\n   http://localhost:5550\n   ```\n\n### Production Build\n\n```bash\nnpm run build\n```\n\nThe built files will be in the `dist/` directory.\n\n### Preview Production Build\n\n```bash\nnpm run preview\n```\n\n## 🏗 Tech Stack\n\n- **Build Tool**: [Vite](https://vitejs.dev/) - Next generation frontend tooling\n- **CSS Preprocessor**: [SCSS](https://sass-lang.com/) with modern @use syntax\n- **JavaScript**: ES6+ modules with modern browser support\n- **Icons**: [FontAwesome](https://fontawesome.com/) for professional iconography\n- **Alerts**: [SweetAlert2](https://sweetalert2.github.io/) for beautiful popups\n- **Deployment**: GitHub Actions with GitHub Pages\n\n## 📁 Project Structure\n\n```\n├── src/\n│   ├── js/                    # Modular JavaScript files\n│   │   ├── contact.js         # Contact form functionality\n│   │   ├── github-activity.js # GitHub API integration\n│   │   ├── navigation.js      # Navigation and sidebar\n│   │   ├── projects.js        # Projects display and filtering\n│   │   ├── theme.js          # Dark/light theme toggle\n│   │   └── utils.js          # Utility functions\n│   ├── scss/                  # Modular SCSS files\n│   │   ├── base/             # Base styles and variables\n│   │   ├── components/       # Component-specific styles\n│   │   └── layout/           # Layout styles\n│   └── main.js               # Main entry point\n├── public/                   # Static assets\n│   ├── documents/           # CV and documents\n│   ├── projects.json        # Project data\n│   └── *.png               # Images and logos\n├── .github/\n│   └── workflows/           # GitHub Actions workflows\n├── dist/                    # Production build output\n├── index.html              # Main HTML file\n├── vite.config.js          # Vite configuration\n└── package.json           # Dependencies and scripts\n```\n\n## 🌐 Live Version\n\nVisit the live portfolio at: [https://siyabuilds.github.io](https://siyabuilds.github.io)\n\n## 🔧 Development\n\n### Adding New Projects\nEdit `public/projects.json` to add new project entries. The structure includes:\n- Title and description\n- Technologies used\n- Live demo and repository links\n- Project images\n\n### Customizing Styles\n- Modify CSS custom properties in `src/scss/base/_variables.scss`\n- Edit component styles in respective `src/scss/components/` files\n- Changes are automatically reflected during development with hot reloading\n\n### GitHub Integration\nThe portfolio automatically fetches and displays:\n- Repository information\n- Recent commit activity\n- Programming language statistics\n- Repository descriptions and links\n\n## 🚀 Deployment\n\nThis portfolio uses GitHub Actions for automated deployment:\n\n1. **Automatic Builds**: Every push to main/master triggers a build\n2. **GitHub Pages**: Automatically deploys to GitHub Pages\n3. **Vite Optimization**: Production builds are optimized and minified\n\n## 📧 Contact\n\nFeel free to reach out via the [contact section](https://siyabuilds.github.io#contact) on the website or connect on [GitHub](https://github.com/siyabuilds).\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsiyabuilds%2Fsiyabuilds.github.io","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsiyabuilds%2Fsiyabuilds.github.io","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsiyabuilds%2Fsiyabuilds.github.io/lists"}