{"id":24264507,"url":"https://github.com/annaperdomo/brewhouselp","last_synced_at":"2026-06-23T16:31:25.374Z","repository":{"id":160114190,"uuid":"618911088","full_name":"annaPerdomo/BrewHouseLP","owner":"annaPerdomo","description":"A practice project — single-page site for The Brew House coffee shop (La Puente, CA), built to sharpen my Next.js + TypeScript + MUI skills.","archived":false,"fork":false,"pushed_at":"2026-06-05T06:26:31.000Z","size":3183,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-06-05T07:35:33.866Z","etag":null,"topics":["landing-page","mui","nextjs","react","responsive-design","small-business","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://brewhouselp.vercel.app","language":"TypeScript","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/annaPerdomo.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":"2023-03-25T17:51:16.000Z","updated_at":"2026-06-05T06:26:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"89e67cd4-879b-4f95-a6e0-164faaef130c","html_url":"https://github.com/annaPerdomo/BrewHouseLP","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/annaPerdomo/BrewHouseLP","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/annaPerdomo%2FBrewHouseLP","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/annaPerdomo%2FBrewHouseLP/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/annaPerdomo%2FBrewHouseLP/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/annaPerdomo%2FBrewHouseLP/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/annaPerdomo","download_url":"https://codeload.github.com/annaPerdomo/BrewHouseLP/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/annaPerdomo%2FBrewHouseLP/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34698687,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-23T02:00:07.161Z","response_time":65,"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":["landing-page","mui","nextjs","react","responsive-design","small-business","typescript","vercel"],"created_at":"2025-01-15T09:13:12.372Z","updated_at":"2026-06-23T16:31:25.363Z","avatar_url":"https://github.com/annaPerdomo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# ☕ The Brew House\n\n### A practice build — single-page site for a neighborhood coffee shop in La Puente, CA\n\nA clean, mobile-first landing page for The Brew House coffee shop. This was an early **practice project** — I built it to sharpen my Next.js, TypeScript, and MUI skills by shipping a small, real-world single-page site end to end.\n\n[![Live Demo](https://img.shields.io/badge/Live_Demo-brewhouselp.vercel.app-A0522D?style=for-the-badge\u0026logo=vercel\u0026logoColor=white)](https://brewhouselp.vercel.app)\n\n![Next.js](https://img.shields.io/badge/Next.js-000000?style=flat\u0026logo=nextdotjs\u0026logoColor=white)\n![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=flat\u0026logo=typescript\u0026logoColor=white)\n![React](https://img.shields.io/badge/React-20232A?style=flat\u0026logo=react\u0026logoColor=61DAFB)\n![MUI](https://img.shields.io/badge/MUI-007FFF?style=flat\u0026logo=mui\u0026logoColor=white)\n![Vercel](https://img.shields.io/badge/Vercel-000000?style=flat\u0026logo=vercel\u0026logoColor=white)\n\n\u003cimg src=\"docs/screenshot.png\" alt=\"The Brew House — single-page coffee shop site\" width=\"100%\" /\u003e\n\n\u003c/div\u003e\n\n## Features\n\n- **Hero \u0026 branding** — full-bleed photography of the shop with the Brew House sign front and center\n- **Featured items carousel** — a responsive [Splide](https://splidejs.com/) carousel highlighting menu items with photos\n- **Responsive layout** — built mobile-first; looks right from phones to desktop\n- **Social links** — quick paths to the shop's Instagram and contact info\n- **Accessible components** — leans on MUI's accessible primitives for consistent, keyboard-friendly UI\n\n## Tech stack\n\n| Layer      | Choice                          | Why                                                              |\n| ---------- | ------------------------------- | ---------------------------------------------------------------- |\n| Framework  | Next.js (Pages Router)          | Fast static delivery and Vercel-native, zero-config deployment   |\n| Language   | TypeScript                      | Type safety across components and props                          |\n| UI         | MUI + Emotion                   | Accessible, themeable component system with the `sx` styling API |\n| Carousels  | Splide + react-slick            | Lightweight, touch-friendly image carousels                      |\n| Hosting    | Vercel                          | Automatic preview deploys on every push                          |\n\n## Local development\n\n```bash\n# Prerequisites: Node.js 18+\nnpm install      # or: yarn / pnpm install\n\nnpm run dev      # start dev server on http://localhost:3000\nnpm run build    # production build\nnpm run lint     # ESLint (next lint)\n```\n\n## Image attributions\n\n- Coffee shop image by Nafinia Putra on [Unsplash](https://unsplash.com/photos/Kwdp-0pok-I).\n- Instagram icon by rawpixel.com on [Freepik](https://www.freepik.com/free-vector/instagram-vector-social-media-icon-7-june-2021-bangkok-thailand_18246125.htm).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fannaperdomo%2Fbrewhouselp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fannaperdomo%2Fbrewhouselp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fannaperdomo%2Fbrewhouselp/lists"}