4. SEMESTER | DATAMATIKER, UCL

SPECIALISERINGSPORTFOLIO

Appudvikling med React
& Cloud Computing med CI/CD Pipelines

clean software developer circle logo design
Denne portfolio dokumenterer mit arbejde med to specialiseringsemner:
Appudvikling med React og Cloud Computing med fokus på Docker, CI/CD-pipelines, build-processer og deploymentstruktur.

Mine valgte specialiseringsemner:

Valgfag 1

Appudvikling: React
12 ECTS

Fokusområder:
• Single-page applications
• Komponentbaseret frontend-arkitektur
• Funktionelle komponenter
• Props, state og simple hooks
• REST API og datahåndtering
• UI/UX og styling

Valgfag 2

Cloud Computing: CI/CD Pipelines
18 ECTS

Fokusområder:
• Cloud-begreber og deployment
• Docker og containerisering
• CI/CD-pipelines
• GitHub Actions workflows
• Automatiseret build
• Deploymentstruktur

Mit individuelle bidrag i projektet

Mit individuelle bidrag var cloud-delen af projektet. Jeg arbejdede med Docker, CI/CD-pipelines, build-processer og deploymentstruktur for at forstå, hvordan en webapplikation kan gøres klar til drift på en mere stabil og automatiseret måde.

Docker og containerisering


Jeg undersøgte, hvordan Docker kan pakke applikationen og dens afhængigheder, så den kan køre mere ensartet på forskellige miljøer.

Cloud

Build-proces


Build-processen handler om at gøre applikationen klar til at blive kørt eller deployeret.

Automation

CI / CD-pipeline


Jeg arbejdede med, hvordan en pipeline kan automatisere processen fra kodeændring til build og mulig deployment.

GitHub Actions

Deploymentstruktur


Deploymentstruktur handler om, hvordan applikationen kan gøres klar til drift på en mere systematisk måde.

DevOps

Min arbejdsproces

Min arbejdsproces i specialiseringen

1. Forståelse af læringsmål

Jeg startede med at forstå kravene til specialiseringen og de valgte læringsmål inden for React og Cloud Computing. Det hjalp mig med at afgrænse mit arbejde og fokusere på de teknologier, der var relevante for prøven.

2. React og frontendudvikling

Jeg arbejdede med React som frontend-teknologi og fokuserede på komponentbaseret struktur, props, state, simple hooks, REST API-data og brugergrænseflade.

3. Cloud, Docker og CI/CD

Jeg undersøgte, hvordan Docker kan bruges til containerisering, og hvordan CI/CD-pipelines kan automatisere build- og deploymentprocesser gennem workflows.

4. Dokumentation og refleksion

Jeg dokumenterede processen i min portfolio og reflekterede over mine tekniske valg, udfordringer og hvad jeg ville forbedre ved videreudvikling.

Forklaring til prøven

Hvad jeg kan forklare til prøven

React og frontend


Jeg kan forklare, hvordan en React-applikation opbygges med komponenter, props, state og simple hooks.

Komponentbaseret struktur

Props og state

Simple hooks

REST API-data

UI / UX og styling

Docker og CI / CD


Jeg kan forklare, hvordan Docker og CI/CD-pipelines kan bruges til at gøre build- og deploymentprocesser mere automatiserede og gentagelige.

Dockerfile

Containerisering

GitHub Actions

Build-proces

Deploymentstruktur

Refleksion og læring


Jeg kan reflektere over mine tekniske valg, udfordringer, begrænsninger og hvad jeg ville forbedre ved videreudvikling.

Tekniske valg

Udfordringer

Begræsninger

Forbedringer

Sammenhæng med DevOps

img 5592
About Me

Discover My Journey

Hello! I’m Sayeh Hosseini, a Computer Science student (Datamatiker) in my 4th semester at UCL. My focus areas are React development and Cloud Computing & DevOps.

I’m passionate about building modern web applications and exploring cloud technologies. I enjoy working in teams, applying DevOps practices such as CI/CD pipelines and containerization, and continuously improving my skills.

I’m now looking for an internship where I can contribute to real projects while gaining hands-on experience in a professional environment.

05+

Technologies Learned

React, C#, Java, SQL, HTML, CSS, Agile, SCRUM, Cloud computing, ...

20+

Group & Individual Projects

Completed across semesters and specializations.

90%

Educator & Peer Feedback

Positive feedback from teachers and project groups

Have Project in Mind?

Let’s Turn your Ideas
into Reality

Scroll to Top