https://github.com/alandavidhenry/wywm-capstone
Frontend using Angular for the WYWM capstone project
https://github.com/alandavidhenry/wywm-capstone
angular typescript wywm
Last synced: 3 months ago
JSON representation
Frontend using Angular for the WYWM capstone project
- Host: GitHub
- URL: https://github.com/alandavidhenry/wywm-capstone
- Owner: alandavidhenry
- License: mit
- Created: 2023-11-01T08:52:57.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-21T14:50:08.000Z (almost 2 years ago)
- Last Synced: 2025-01-27T22:54:35.430Z (over 1 year ago)
- Topics: angular, typescript, wywm
- Language: HTML
- Homepage: https://wywm-capstone.web.app/
- Size: 3.73 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## About The Project
Welcome 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.
I 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.
### Built With
* [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)
* [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
* [TypeScript](https://www.typescriptlang.org)
* [Angular](https://angular.dev)
* [TailwindCSS](https://tailwindcss.com)
* [Firebase](https://firebase.google.com)
#### HTML
HTML (HyperText Markup Language) is used to structure the content of my website. It provides the basic building blocks for all web pages.
#### TailwindCSS
For styling, I opted for TailwindCSS because:
* It provides a utility-first approach, allowing for rapid UI development.
* It's highly customizable, enabling me to create a unique design that reflects my personal brand.
* The built-in purge feature ensures that only the CSS I use is included in the final build, resulting in a smaller file size.
#### TypeScript and Angular
JavaScript 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.
#### Deployment
I deployed the website using Firebase hosting as it is simple to deploy using the Firebase CLI and free to use.
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
* Node.js
* npm
* Angular CLI (`npm install -g @angular/cli`)
### Installation
1. Clone the repo
```sh
git clone https://github.com/alandavidhenry/WYWM-Capstone.git
```
2. Install dependencies:
```sh
npm install
```
3. Start the development server:
```sh
npm start
```
4. Open your browser and navigate to `http://localhost:4200`. The app will automatically reload if you change any of the source files.
### Build
Run ng build to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
Alan Henry - [LinkedIn](https://www.linkedin.com/in/alandavidhenry)
Project Link: [wywm-capstone.web.app](https://wywm-capstone.web.app)
## Acknowledgments
* [Best-README-Template](https://github.com/othneildrew/Best-README-Template)
* [With You With Me](https://withyouwithme.com)
[product-screenshot]: images/screenshot.png