+
+ This Login is unsecure, so you can login with anything you want or just press login.
+
diff --git a/src/app/log-in-page/log-in-page.component.scss b/src/app/log-in-page/log-in-page.component.scss
index 2b85447..e69de29 100644
--- a/src/app/log-in-page/log-in-page.component.scss
+++ b/src/app/log-in-page/log-in-page.component.scss
@@ -1,23 +0,0 @@
-.grid{
- display: grid;
-}
-
-.card{
- display: grid;
- place-items: center;
- border-radius: 10px;
- background-color: var(--secondary-100);
- padding: 50px;
- margin: 50px;
-}
-
-.input-wrapper{
- display: grid;
- gap: 20px;
- padding: 30px;
- margin: 20px;
-}
-
-.text-wrapper{
- font-family: Bahnschrift, sans-serif;
-}
diff --git a/src/app/main-portal/main-portal.component.html b/src/app/main-portal/main-portal.component.html
index ce64da2..5c673f1 100644
--- a/src/app/main-portal/main-portal.component.html
+++ b/src/app/main-portal/main-portal.component.html
@@ -1,8 +1,16 @@
-
+
-
I am a Developer 💻
+
I am a Developer 💻
+
+ Hello, I am a Junior Software Engineer
+
- Hello, I am a Junior Developer which testing UI-Design and Frontend Logic. This will be the First Page you see, once you Logged in.
+ This is my Website for managing my Projects and get finally on track with my Brain and achievements that I want to do the next few years.
+ So here is the List of my running Projects and Learnings:
+
+
diff --git a/src/app/main-portal/main-portal.component.scss b/src/app/main-portal/main-portal.component.scss
index c6aeecc..46bf05d 100644
--- a/src/app/main-portal/main-portal.component.scss
+++ b/src/app/main-portal/main-portal.component.scss
@@ -1,11 +1,3 @@
-.container{
- font-family: Bahnschrift, sans-serif;
- background-color: var(--primary-100) ;
- border-radius: 10px;
- margin: 20px;
- padding: 20px;
-}
-
.center{
display: grid;
place-items: center;
diff --git a/src/app/main-portal/main-portal.component.ts b/src/app/main-portal/main-portal.component.ts
index 4f2c3c5..aeeae36 100644
--- a/src/app/main-portal/main-portal.component.ts
+++ b/src/app/main-portal/main-portal.component.ts
@@ -1,9 +1,10 @@
import { Component } from '@angular/core';
+import { ProjectCardComponent } from '../components/project-card/project-card.component';
@Component({
selector: 'app-main-portal',
standalone: true,
- imports: [],
+ imports: [ ProjectCardComponent ],
templateUrl: './main-portal.component.html',
styleUrl: './main-portal.component.scss'
})
diff --git a/src/app/shared/config.service.ts b/src/app/shared/config.service.ts
index 1b2614d..c625c07 100644
--- a/src/app/shared/config.service.ts
+++ b/src/app/shared/config.service.ts
@@ -1,38 +1,38 @@
import {Injectable} from '@angular/core';
import {Router} from "@angular/router";
+import {CookieService} from "ngx-cookie-service";
+import {LocalStorageService} from "./local-storage.service";
+import { timestamp } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class ConfigService {
- constructor(private router: Router) {
+ constructor(private router: Router,
+ private cookieService: CookieService,
+ private storageService: LocalStorageService) {
}
- // TODO: Own Service for localStorage
+ // TODO: Please dont save Account in localStorage AND Cookies, wat de hell
login(username: string, password: string){
const userData = {
username: username,
password: password
};
- this.storeUserData(userData)
+ this.storageService.setItem('user', userData)
this.router.navigate(['/MainPortal'])
+ const time = new Date().toLocaleString()
+ this.cookieService.set('YourAccountCookie', `User has been Logged in at: ${time}`)
return Promise.resolve(true);
}
- private storeUserData(userData: any) {
- localStorage.setItem('user', JSON.stringify(userData));
- }
-
getStoredUserData() {
- const userDataString = localStorage.getItem('user');
- if (userDataString) {
- return JSON.parse(userDataString);
- } else {
- return null;
- }
+ return this.storageService.getItem('user');
+
}
logout() {
- localStorage.removeItem('user');
+ this.storageService.removeItem('user')
+ this.cookieService.delete("YourAccountCookie")
}
isLoggedIn(): boolean {
diff --git a/src/app/shared/local-storage.service.spec.ts b/src/app/shared/local-storage.service.spec.ts
new file mode 100644
index 0000000..ba1dbd4
--- /dev/null
+++ b/src/app/shared/local-storage.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { LocalStorageService } from './local-storage.service';
+
+describe('LocalStorageService', () => {
+ let service: LocalStorageService;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ service = TestBed.inject(LocalStorageService);
+ });
+
+ it('should be created', () => {
+ expect(service).toBeTruthy();
+ });
+});
diff --git a/src/app/shared/local-storage.service.ts b/src/app/shared/local-storage.service.ts
new file mode 100644
index 0000000..39d5305
--- /dev/null
+++ b/src/app/shared/local-storage.service.ts
@@ -0,0 +1,26 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class LocalStorageService {
+
+ constructor() { }
+
+ public setItem(key: string, data: any): void {
+ localStorage.setItem(key, JSON.stringify(data));
+ }
+
+ public getItem(key: string): any {
+ const item = localStorage.getItem(key);
+ return item ? JSON.parse(item) : null;
+ }
+
+ public removeItem(key: string): void {
+ localStorage.removeItem(key);
+ }
+
+ public clear(): void {
+ localStorage.clear();
+ }
+}
diff --git a/src/styles.scss b/src/styles.scss
index bdd6337..c94fbac 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,6 +1,36 @@
-:root {
- --primary-100: #90AFC5;
- --secondary-100: #336B87;
- --text-100: #2A3132;
- --backround-100: #763626;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+ /* CSS */
+.button {
+ padding: 0.25rem;
+ padding-right: 1rem;
+ padding-left: 1rem;
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ background: rgb(12, 74, 110);
+ border: black 2px solid;
+ border-radius: 1rem;
+ font-family: Bahnschrift;
+ color: whitesmoke;
+}
+
+
+.button:hover {
+ background-color: rgb(7, 89, 133);
+ transform: scale(0.95);
+}
+
+.button:active {
+ transform: scale(0.9);
+}
+
+.basebob{
+ font-family: Bahnschrift, sans-serif;
+ background-color: rgb(186, 230, 253);
+ border: 0.25rem solid rgb(224, 242, 254);
+ border-radius: 1rem;
+ margin: 1rem;
+ padding: 1rem;
}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..e5b64f3
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: ["./src/**/*.{html,js}"],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+}
+