{"id":28150679,"url":"https://github.com/hpv333/blog-build","last_synced_at":"2026-04-26T22:31:24.733Z","repository":{"id":232281768,"uuid":"777572146","full_name":"hpv333/blog-build","owner":"hpv333","description":"Hari Priya Vedala’s portfolio is a modern, single‑page web application that gathers her projects, skills, and professional story in one sleek, responsive interface. Built with React 18, Material UI v6, and styled‑components, it lets visitors explore an interactive timeline of experience, open project cards with live demos and source \u0026 media links ","archived":false,"fork":false,"pushed_at":"2026-04-09T19:48:49.000Z","size":13443,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-04-09T21:29:50.305Z","etag":null,"topics":["developer","portfolio","reactjs","web"],"latest_commit_sha":null,"homepage":"https://hpv333.github.io/blog-build/","language":"JavaScript","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/hpv333.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-03-26T05:20:17.000Z","updated_at":"2025-05-22T01:25:54.000Z","dependencies_parsed_at":"2024-04-08T23:13:23.261Z","dependency_job_id":"5e536d03-4efb-4f48-8816-069c209ad761","html_url":"https://github.com/hpv333/blog-build","commit_stats":null,"previous_names":["hpv333/blog-build"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hpv333/blog-build","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hpv333%2Fblog-build","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hpv333%2Fblog-build/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hpv333%2Fblog-build/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hpv333%2Fblog-build/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hpv333","download_url":"https://codeload.github.com/hpv333/blog-build/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hpv333%2Fblog-build/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32315711,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T21:09:39.134Z","status":"ssl_error","status_checked_at":"2026-04-26T21:09:21.240Z","response_time":129,"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":["developer","portfolio","reactjs","web"],"created_at":"2025-05-15T03:14:42.288Z","updated_at":"2026-04-26T22:31:24.728Z","avatar_url":"https://github.com/hpv333.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hari Priya Vedala — Portfolio Website\n\n[![GitHub Pages](https://img.shields.io/badge/Live-Demo-brightgreen?logo=github)](https://hpv333.github.io/blog-build/)  [![React](https://img.shields.io/badge/React-18.2-blue?logo=react)](https://react.dev)  [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)\n\nA single‑page, responsive web application that showcases my projects, skills, work experience, and education. Built with **React 18**, **Material UI v6**, and **styled‑components**, the site is deployed automatically to **GitHub Pages** on every push to `main`.\n\n---\n\n## ✨ Features\n\n- **Interactive Home Page** with avatar, headline, and quick links to social profiles.\n- **Dynamic Timeline** for work experience and education using Material UI’s `Timeline` component.\n- **Project Gallery** featuring hover effects and external links to live demos \u0026 source code.\n- **Skill Chips** grouped by languages, technologies, and tools.\n- **Fully responsive** layout (mobile → desktop) with CSS‑in‑JS theming.\n- **CI/CD**: `gh‑pages` script builds \u0026 publishes the site on every commit.\n\n## 🚀 Tech Stack\n\n| Category | Technologies |\n|----------|--------------|\n| Front‑End | React 18, JavaScript ES2023 |\n| UI Kit | Material UI v6 (`@mui/*`), Emotion 11 |\n| Styling | `styled-components` 6, SCSS modules |\n| Tooling | `react‑scripts`, ESLint, Prettier |\n| Deployment | GitHub Pages via `gh‑pages` CLI |\n\n## 📂 Project Structure\n\n```\nblog-build/\n├─ public/              # Static assets \u0026 index.html\n├─ src/\n│  ├─ components/       # Header, Footer, Navbar, Resume, Dialog_Alert …\n│  ├─ pages/            # HomePage.jsx (main landing page)\n│  ├─ images/           # Optimised images \u0026 icons\n│  ├─ App.js            # Route + layout wrapper\n│  ├─ App.scss          # Global styles\n│  └─ index.js          # ReactDOM render\n├─ package.json         # Dependencies \u0026 scripts\n└─ README.md            # \u003c— you are here\n```\n\n## 🛠️ Local Development\n\n```bash\n# 1. Clone\n$ git clone https://github.com/hpv333/blog-build.git\n$ cd blog-build\n\n# 2. Install deps (Node \u003e= 18)\n$ npm install\n\n# 3. Run dev server\n$ npm start\n# App is served at http://localhost:3000 and reloads on save\n```\n\n### Available Scripts\n\n| Command | Purpose |\n|---------|---------|\n| `npm start` | Launch dev server with hot‑reload |\n| `npm run build` | Produce production build in `build/` |\n| `npm test` | Run Jest + React Testing Library suite |\n| `npm run deploy` | Build + push to the `gh-pages` branch |\n\n## 🌐 Deployment\n\nThe workflow is zero‑config: `npm run deploy` triggers `predeploy` → `build` and publishes the `build/` directory to the `gh-pages` branch, which GitHub Pages serves at `https://hpv333.github.io/blog-build/`.\n\n## 📈 Roadmap / Planned Improvements\n\n- [ ] Add dark‑mode toggle with system preference detection.\n- [ ] Integrate blog posts via Markdown/MDX.\n- [ ] Lighthouse score ≥ 95 on mobile \u0026 desktop.\n- [ ] End‑to‑end tests with Cypress.\n\n## 🤝 Contributing\n\nPull requests are welcome! If you have a feature idea or find a bug:\n\n1. Fork the project.\n2. Create a feature branch (`git checkout -b feat/awesome`).\n3. Commit your changes (`git commit -m 'Add awesome feature'`).\n4. Push to the branch (`git push origin feat/awesome`).\n5. Open a PR.\n\nPlease follow the existing code style and include unit tests where applicable.\n\n## 📝 License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n## 📫 Contact\n\n**Hari Priya Vedala**  – [LinkedIn](https://www.linkedin.com/in/haripriyav3) • [GitHub](https://github.com/hpv333)\n\n\u003e Built with passion and ☕ in Denton, TX.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhpv333%2Fblog-build","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhpv333%2Fblog-build","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhpv333%2Fblog-build/lists"}