arti24
/
arti-angular-app
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Description about me and new project job finder

This commit is contained in:
Artur 2024-10-30 04:18:05 +01:00
parent 6691daf585
commit 06b24b31fb
10 changed files with 193 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
angular.json
View File

@ -62,7 +62,7 @@
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"port": 4200,
"port": 4201,
"host": "0.0.0.0"
},
"configurations": {

69
src/app/about-me/about-me.component.html
View File

@ -1,27 +1,10 @@
<style>
.frame {
border: 2px solid gray; /* Kolor ramki */
border-radius: 8px; /* Zaokrąglenie krawędzi */
padding: 20px; /* Odstęp wewnętrzny */
background-color: #f8f9fa; /* Tło formularza */
}
.frame2 {
border: 2px solid rgb(225, 228, 86); /* Kolor ramki */
border-radius: 8px; /* Zaokrąglenie krawędzi */
padding: 20px; /* Odstęp wewnętrzny */
background-color: #f8f9fa; /* Tło formularza */
}
.photo img {
width: 100%;
border-radius: 50%;
}
</style>
<div class="container frame mt-5">
<div class="card" style="width: 18rem;">
<img ngSrc="ARTI-1.jpg" width="200" height="350" priority class="card-img-to" alt="Ja">
<div class="row">
<div class="col-auto">
<div class="card text-center bg-light" style="width: 18rem;" >
<div class="card-body">
<img ngSrc="ARTI-1.jpg" width="200" height="350" priority class="card-img-to" alt="Ja">
<h5 class="card-title">Wrocław</h5>
<div class="col-auto">
<a href="mailto:kusartur@gmail.com">
@ -29,17 +12,59 @@
kusartur&#64;gmail.com
</a>
</div>
<div class="col-auto">
<a href="tel:+48512558222"> <img width="30" height="20"
src="icons/telephone.svg" /> +48 511 116 016</a>
</div>
<div class="col-auto">
<a href="https://www.linkedin.com/in/artur-ku%C5%9B-99a7b02/"> <img
width="30" height="20" src="icons/linkedin.svg" />Linkedin
</a>
</div>
</div>
</div>
</div>
<div class="col-8">
<div class="justify-content-center align-items-center frame2">
<p>Jestem doświadczonym inżynierem oprogramowania z ponad 20-letnim doświadczeniem w branży IT.</p>
<p>Specjalizuję się w technologiach Java i Angular, a także w rozwijaniu i wdrażaniu skalowalnych aplikacji webowych.</p>
<p> Jestem posiadaczem certyfikatu Oracle Cloud Infrastructure 2024 Generative AI Certified Professional oraz wcześniejszych
kwalifikacji w obszarze chmury Oracle i programowania w języku Java.</p>
<p>Te umiejętności wspierają moje działania w zakresie wdrażania nowoczesnych rozwiązań opartych na chmurze
oraz tworzenia aplikacji zorientowanych na przyszłość.</p>
<ol>
<b>Główne technologie i narzędzia:</b>
<li>Języki programowania: Java, JavaScript, C++ </li>
<li>Frameworki: Spring Boot, Angular, Thymeleaf</li>
<li>Bazy danych: Oracle, MSSQL, JavaDB</li>
<li>Środowiska chmurowe: Oracle Cloud Infrastructure, Docker</li>
<li>Inne: HTML, CSS, Bootstrap, SVN, WildFly</li>
</ol>
</div>
<!--
Ostatnie projekty:
arti24.eu – rozwój serwisu w Angularze, wykorzystujący najnowsze technologie, takie jak Angular 18, Spring Boot 3.3.4 i Bootstrap 5.3.3.
bodypainter.eu – kompleksowy projekt realizacji i rozwoju strony internetowej, wdrożony na Oracle Cloud, z użyciem technologii Java, Spring Boot, Docker i Thymeleaf.
Dodatkowe osiągnięcia:
Jestem posiadaczem certyfikatu Oracle Cloud Infrastructure 2024 Generative AI Certified Professional oraz wcześniejszych kwalifikacji w obszarze chmury Oracle i programowania w języku Java. Te umiejętności wspierają moje działania w zakresie wdrażania nowoczesnych rozwiązań opartych na chmurze oraz tworzenia aplikacji zorientowanych na przyszłość.
Główne technologie i narzędzia:
Języki programowania: Java, JavaScript, C++
Frameworki: Spring Boot, Angular, Thymeleaf
Bazy danych: Oracle, MSSQL, JavaDB
Środowiska chmurowe: Oracle Cloud Infrastructure, Docker
Inne: HTML, CSS, Bootstrap, SVN, WildFly
Zapraszam do współpracy lub kontaktu – chętnie dzielę się swoją wiedzą i pomagam we wdrażaniu ambitnych projektów!
-->
</div>
</div>
</div>

1
src/app/app.component.html
View File

@ -2,6 +2,7 @@
| <a class="navbar-brand" href="/about-me">O mnie</a>
| <a class="navbar-brand" href="/quotes">Kursy</a>
| <a class="navbar-brand" href="/asset-calculator">Kalkulator</a>
<a class="navbar-brand" href="/jobfinder">Oferty</a>
</nav>

11
src/app/app.routes.ts
View File

@ -3,11 +3,12 @@ import { DashboardComponent } from './components/dashboard/dashboard.component';
import { AssetCalculatorComponent } from './asset-calculator/asset-calculator.component';
import { AboutMeComponent } from './about-me/about-me.component';
import { ChatGPTComponent } from './chat-gpt/chat-gpt.component';
import {JobfinderComponent } from './jobfinder/jobfinder.component'
export const routes: Routes = [
{ path: "",
title: "Kalkulator amortyzacyjny",
component:AssetCalculatorComponent },
title: "Wyszukiwacz pracy",
component:JobfinderComponent },
{ path: "about-me",
title:"O mnie",
component: AboutMeComponent },
@ -16,6 +17,8 @@ export const routes: Routes = [
component:AssetCalculatorComponent },
{ path: "quotes",
title:"Kursy podstawowych walut i złota",
component: DashboardComponent
}
component: DashboardComponent },
{ path: "jobfinder",
title:"Wyszukiwacz pracy i serwis do jej rejestracji",
component: JobfinderComponent }
];

15
src/app/asset-calculator/asset-calculator.component.html
View File

@ -1,17 +1,4 @@
<style>
.frame {
border: 2px solid gray; /* Kolor ramki */
border-radius: 8px; /* Zaokrąglenie krawędzi */
padding: 20px; /* Odstęp wewnętrzny */
background-color: #f8f9fa; /* Tło formularza */
}
.frame2 {
border: 2px solid rgb(197, 195, 231); /* Kolor ramki */
border-radius: 8px; /* Zaokrąglenie krawędzi */
padding: 20px; /* Odstęp wewnętrzny */
background-color: #f8f9fa; /* Tło formularza */
}
</style>
<!--
<div class="container-sm">100% wide until small breakpoint</div>
<div class="container-md">100% wide until medium breakpoint</div>

0
src/app/jobfinder/jobfinder.component.css Normal file
View File

26
src/app/jobfinder/jobfinder.component.html Normal file
View File

@ -0,0 +1,26 @@
<div class="job-search">
<h2>Wyszukiwanie ofert pracy</h2>
<form [formGroup]="searchForm" (ngSubmit)="onSubmit()">
<div>
<label for="title">Stanowisko:</label>
<input id="title" formControlName="title" placeholder="Wprowadź stanowisko">
</div>
<div>
<label for="location">Lokalizacja:</label>
<input id="location" formControlName="location" placeholder="Wprowadź lokalizację">
</div>
<div>
<label for="company">Firma:</label>
<input id="company" formControlName="company" placeholder="Wprowadź nazwę firmy">
</div>
<div>
<label for="datePosted">Data dodania:</label>
<input id="datePosted" type="date" formControlName="datePosted">
</div>
<button type="submit">Szukaj</button>
</form>
</div>

23
src/app/jobfinder/jobfinder.component.spec.ts Normal file
View File

@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { JobfinderComponent } from './jobfinder.component';
describe('JobfinderComponent', () => {
let component: JobfinderComponent;
let fixture: ComponentFixture<JobfinderComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [JobfinderComponent]
})
.compileComponents();
fixture = TestBed.createComponent(JobfinderComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

57
src/app/jobfinder/jobfinder.component.ts Normal file
View File

@ -0,0 +1,57 @@
import { Component, OnInit } from '@angular/core';
import { ReactiveFormsModule, FormsModule, FormBuilder, FormGroup } from '@angular/forms';
@Component({
selector: 'app-jobfinder',
standalone: true,
imports: [ReactiveFormsModule],
template: `
<div class="container mt-5">
<div class="row text-left">
<h2>Wyszukiwarka ofert pracy(w toku)</h2>
</div>
<div class="row frame col-8">
<form class="form" [formGroup]="searchForm" (ngSubmit)="onSubmit()">
<div class="row ">
<div class="col p-0 form-floating">
<label for="title">Stanowisko</label>
<input class="form-control" type="text" id="title" formControlName="title" placeholder="Wprowadź stanowisko">
</div>
<div class="col p-0 form-floating">
<label for="location">Lokalizacja:</label>
<input class="form-control" id="location" formControlName="location" placeholder="Wprowadź lokalizację">
</div>
<button class="btn btn-secondary col-2" type="submit">Szukaj</button>
</div>
</form>
</div>
</div>
`
,
styleUrl: './jobfinder.component.css'
})
export class JobfinderComponent implements OnInit {
searchForm: FormGroup;
constructor(private fb: FormBuilder) {
this.searchForm = this.fb.group({
title: [''],
location: [''],
company: [''],
datePosted: ['']
});
}
ngOnInit(): void {}
onSubmit(): void {
const searchCriteria = this.searchForm.value;
console.log('Search criteria:', searchCriteria);
// Tutaj możesz dodać logikę do wyszukiwania ofert pracy
}
}

13
src/styles.css
View File

@ -3,3 +3,16 @@ main {
width:21cm;
height: 29.7cm;
}
.frame {
border: 2px solid gray; /* Kolor ramki */
border-radius: 8px; /* Zaokrąglenie krawędzi */
padding: 20px; /* Odstęp wewnętrzny */
background-color: #f8f9fa; /* Tło formularza */
}
.frame2 {
border: 2px solid rgb(197, 195, 231); /* Kolor ramki */
border-radius: 8px; /* Zaokrąglenie krawędzi */
padding: 20px; /* Odstęp wewnętrzny */
background-color: #f8f9fa; /* Tło formularza */
}