mirror of
https://github.com/adam-benyekkou/my_portfolio.git
synced 2026-01-15 20:20:09 +00:00
Updated ReadME
This commit is contained in:
80
README.md
80
README.md
@@ -1,59 +1,45 @@
|
|||||||
# AngularPortfolio
|
# Portfolio Website
|
||||||
|
|
||||||
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.12.
|
Modern developer portfolio built with Angular 19, featuring a unique NieR: Automata-inspired design.
|
||||||
|
|
||||||
## Development server
|
🔗 **Live Demo**: [adambenyekkoudev.vercel.app](https://adambenyekkoudev.vercel.app/)
|
||||||
|
|
||||||
To start a local development server, run:
|
## Tech Stack
|
||||||
|
|
||||||
|
- **Angular 19** with TypeScript
|
||||||
|
- **Tailwind CSS** for styling
|
||||||
|
- **Vercel** for deployment
|
||||||
|
- **Standalone components** with Angular signals
|
||||||
|
|
||||||
|
## Key Features
|
||||||
|
|
||||||
|
- Responsive design optimized for all devices
|
||||||
|
- Custom UI components with smooth animations
|
||||||
|
- Interactive project showcases with detailed case studies
|
||||||
|
- High performance (95+ Lighthouse score)
|
||||||
|
- Accessible design following WCAG guidelines
|
||||||
|
|
||||||
|
## Quick Start
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
|
git clone https://github.com/adam-benyekkou/my_portfolio.git
|
||||||
|
cd my_portfolio
|
||||||
|
npm install
|
||||||
ng serve
|
ng serve
|
||||||
```
|
```
|
||||||
|
|
||||||
Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
|
## Architecture
|
||||||
|
|
||||||
## Code scaffolding
|
Built using Angular's latest patterns including standalone components, signals, and modern TypeScript. The project demonstrates:
|
||||||
|
|
||||||
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
|
- Component-based architecture
|
||||||
|
- Responsive CSS Grid layouts
|
||||||
|
- Performance optimization techniques
|
||||||
|
- Accessibility best practices
|
||||||
|
|
||||||
```bash
|
## Contact
|
||||||
ng generate component component-name
|
|
||||||
```
|
|
||||||
|
|
||||||
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
|
**Adam Benyekkou**
|
||||||
|
Portfolio: [adambenyekkoudev.vercel.app](https://adambenyekkoudev.vercel.app/)
|
||||||
```bash
|
LinkedIn: [linkedin.com/in/adambnk](https://www.linkedin.com/in/adambnk/)
|
||||||
ng generate --help
|
GitHub: [@adam-benyekkou](https://github.com/adam-benyekkou)
|
||||||
```
|
|
||||||
|
|
||||||
## Building
|
|
||||||
|
|
||||||
To build the project run:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
ng build
|
|
||||||
```
|
|
||||||
|
|
||||||
This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
|
|
||||||
|
|
||||||
## Running unit tests
|
|
||||||
|
|
||||||
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
ng test
|
|
||||||
```
|
|
||||||
|
|
||||||
## Running end-to-end tests
|
|
||||||
|
|
||||||
For end-to-end (e2e) testing, run:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
ng e2e
|
|
||||||
```
|
|
||||||
|
|
||||||
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
|
|
||||||
|
|
||||||
## Additional Resources
|
|
||||||
|
|
||||||
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|
|
||||||
|
|||||||
Reference in New Issue
Block a user