{"id":21954802,"url":"https://github.com/alandavidhenry/wywm-capstone","last_synced_at":"2026-04-11T13:31:46.644Z","repository":{"id":204861027,"uuid":"712813497","full_name":"alandavidhenry/WYWM-Capstone","owner":"alandavidhenry","description":"Frontend using Angular for the WYWM capstone project","archived":false,"fork":false,"pushed_at":"2024-09-21T14:50:08.000Z","size":3907,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-27T22:54:35.430Z","etag":null,"topics":["angular","typescript","wywm"],"latest_commit_sha":null,"homepage":"https://wywm-capstone.web.app/","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/alandavidhenry.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-11-01T08:52:57.000Z","updated_at":"2024-09-21T14:50:12.000Z","dependencies_parsed_at":"2023-11-13T13:24:35.094Z","dependency_job_id":"8d5c50fb-d3c7-468b-97e6-846fdbddf5fb","html_url":"https://github.com/alandavidhenry/WYWM-Capstone","commit_stats":null,"previous_names":["alandavidhenry/wywm-capstone-frontend","alandavidhenry/wywm-capstone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alandavidhenry%2FWYWM-Capstone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alandavidhenry%2FWYWM-Capstone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alandavidhenry%2FWYWM-Capstone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alandavidhenry%2FWYWM-Capstone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alandavidhenry","download_url":"https://codeload.github.com/alandavidhenry/WYWM-Capstone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245006490,"owners_count":20546136,"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":["angular","typescript","wywm"],"created_at":"2024-11-29T07:26:10.057Z","updated_at":"2025-12-30T23:45:07.487Z","avatar_url":"https://github.com/alandavidhenry.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n  \u003ch1 align=\"center\"\u003eWith You With Me Capstone\u003c/h1\u003e\n\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://wywm-capstone.web.app\"\u003eView the website\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n## About The Project\n\n\u003c!-- [![Product Name Screen Shot][product-screenshot]](https://example.com) --\u003e\n\nWelcome to the repository for my With You With Me Capstone website. This was submitted as my capstone project for employment with With You With Me.\n\nI was tasked with creating an online shop selling merchandise for With You With Me. This included t-shirts and books. The website had to use Angular and TypeScript.\n\n\n\n### Built With\n\n* [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)\n* [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)\n* [TypeScript](https://www.typescriptlang.org)\n* [Angular](https://angular.dev)\n* [TailwindCSS](https://tailwindcss.com)\n* [Firebase](https://firebase.google.com)\n\n#### HTML\n\nHTML (HyperText Markup Language) is used to structure the content of my website. It provides the basic building blocks for all web pages.\n\n#### TailwindCSS\n\nFor styling, I opted for TailwindCSS because:\n\n* It provides a utility-first approach, allowing for rapid UI development.\n* It's highly customizable, enabling me to create a unique design that reflects my personal brand.\n* The built-in purge feature ensures that only the CSS I use is included in the final build, resulting in a smaller file size.\n\n#### TypeScript and Angular\n\nJavaScript adds interactivity to my website. It allows me to calculate the total cost of the aircraft in real time as the user changes the quantity and adds optional extras.\n\n#### Deployment\n\nI deployed the website using Firebase hosting as it is simple to deploy using the Firebase CLI and free to use.\n\n\n\n\u003c!-- GETTING STARTED --\u003e\n## Getting Started\n\nTo get a local copy up and running follow these simple steps.\n\n### Prerequisites\n\n* Node.js\n* npm\n* Angular CLI (`npm install -g @angular/cli`)\n\n### Installation\n\n1. Clone the repo\n   ```sh\n   git clone https://github.com/alandavidhenry/WYWM-Capstone.git\n   ```\n2. Install dependencies:\n   ```sh\n    npm install\n    ```\n3. Start the development server:\n   ```sh\n    npm start\n    ```\n4. Open your browser and navigate to `http://localhost:4200`. The app will automatically reload if you change any of the source files.\n\n### Build\n\nRun ng build to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.\n\n\n\n\u003c!-- LICENSE --\u003e\n## License\n\nDistributed under the MIT License. See `LICENSE.txt` for more information.\n\n\n\n\u003c!-- CONTACT --\u003e\n## Contact\n\nAlan Henry - [LinkedIn](https://www.linkedin.com/in/alandavidhenry)\n\nProject Link: [wywm-capstone.web.app](https://wywm-capstone.web.app)\n\n\n\n\u003c!-- ACKNOWLEDGMENTS --\u003e\n## Acknowledgments\n\n* [Best-README-Template](https://github.com/othneildrew/Best-README-Template)\n* [With You With Me](https://withyouwithme.com)\n\n\n\n\u003c!-- MARKDOWN LINKS \u0026 IMAGES --\u003e\n\u003c!-- https://www.markdownguide.org/basic-syntax/#reference-style-links --\u003e\n[product-screenshot]: images/screenshot.png\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falandavidhenry%2Fwywm-capstone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falandavidhenry%2Fwywm-capstone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falandavidhenry%2Fwywm-capstone/lists"}