https://github.com/skxnsen/portfolio
SPA Developed with Angular
https://github.com/skxnsen/portfolio
angular angular-material bootstrap css html netlify playwright-typescript portfolio typescript vite
Last synced: 6 months ago
JSON representation
SPA Developed with Angular
- Host: GitHub
- URL: https://github.com/skxnsen/portfolio
- Owner: skxnsen
- License: mit
- Created: 2025-04-12T22:47:55.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-22T11:06:02.000Z (about 1 year ago)
- Last Synced: 2025-04-22T12:23:51.858Z (about 1 year ago)
- Topics: angular, angular-material, bootstrap, css, html, netlify, playwright-typescript, portfolio, typescript, vite
- Language: HTML
- Homepage: https://skansen.netlify.app
- Size: 20.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Angular App
A modern Angular application portfolio built with [Angular CLI](https://angular.io/cli).
## 🚀 Getting Started
### Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org/) (LTS)
- npm (comes with Node.js) or [Yarn](https://yarnpkg.com/)
### Installation
```bash
# Clone the repository
git clone https://github.com/skxnsen/portfolio.git
cd portfolio
# Install dependencies
npm install
# or
yarn install
```
### Run the dev server
```bash
# Start the development server
ng serve
```
Then open [http://localhost:4200](http://localhost:4200) in your browser.
## 🧪 Testing
```bash
# Playwright CLI
npx playwright test tests # Headless mode by default
npx playwright test tests --ui # UI mode
```
## 📁 Project Core Structure
```
angular-app/
├── src/
│ ├── app/ # Application logic
│ ├── assets/ # Static files
│ └── environments/ # Environment configs
├── angular.json # CLI config
├── package.json # Project metadata & scripts
└── README.md
```
## ✅ TODO
- [X] Responsive navigation component for mobile viewports
- [X] Setup environment variables handling
- [ ] Implement lazy loading for feature modules
- [ ] Improve unit test coverage
- [X] Improve UI test coverage with Playwright NodeJS
- [X] Add CI/CD GitHub Actions pipeline
- [ ] Dockerize the application
- [ ] Add documentation for components & services
- [ ] Add day mode UI with toggle switch to header component
- [ ] Accessability labels and tags
- [ ] SEO optimization
## 📄 License
MIT