diff --git a/README.md b/README.md index 48e1829..42f77ee 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -# portfolio 2025 \ No newline at end of file +# portfolio \ No newline at end of file diff --git a/index.html b/index.html index e8ae00e..ebb691a 100644 --- a/index.html +++ b/index.html @@ -1,215 +1,528 @@ - - - - Iqrah | Developer Portfolio - - - - + + + + + + + + + + + + + + + + + iOS Devfolio || iiqrah + + + - -
-
-

Hello, I'm Iqrah đź‘‹

-

Self-taught iOS Developer | Code First Girls Instructor | Content Creator

- See My Work + + +
+
+ +

Iqrah Nadeem

+

CS Graduate, Self-taught iOS developer, GitHub Campus Expert, Founder of helloHackers Society

+
-
- - -
-

About Me

-

Computer Science graduate and self-taught iOS developer with experience in teaching coding, building iOS apps, and organizing hackathons. Passionate about community building and eager to contribute to innovative software development teams.

-
- - - -
-

Tools & Technologies

- -
- - -
-

Projects

-
- - -
- - Mass Conversion App Screenshot - - -
-

Mass Conversion App

-

SwiftUI Unit Converter

-
- -
- Swift - SwiftUI - MVVM -
+
- -
    -
  • Challenge: Simplify unit conversions for multiple categories in one app.
  • -
  • Solution: Built a SwiftUI app with dynamic picker and MVVM architecture.
  • -
  • Learned: Improved understanding of SwiftUI layouts and state management.
  • -
- - -
- GitHub - Demo -
-
+
+

About Me

+
+

I'm a recent CS graduate, self-taught iOS developer, looking for work experience. + I love attending hackathons, conferences and any sort of tech related event. Apart from creating digital content in the form of code, + I like creating videos and amateur art too.

+
- -
- - Mass Conversion App Screenshot - -
-

Mass Conversion App

-

SwiftUI Unit Converter

-
+
+

Education

+
- -
- Swift - SwiftUI - MVVM -
+
+
- -
    -
  • Challenge: Simplify unit conversions for multiple categories in one app.
  • -
  • Solution: Built a SwiftUI app with dynamic picker and MVVM architecture.
  • -
  • Learned: Improved understanding of SwiftUI layouts and state management.
  • -
- - -
- GitHub - Demo -
-
- -
- - Mass Conversion App Screenshot +
+ + + +
+

Manchester Metropolitan University

+ +
BSc. (Hons) Computer Science with Placement
+
September 2017 - June 2021
+
+
+
+
+
    +
  • Overall Grade: First
  • +
  • Placement Year: Technology Intern @Cyprotex
  • +
+
+
- -
-

Mass Conversion App

-

SwiftUI Unit Converter

-
- -
- Swift - SwiftUI - MVVM -
+
- -
    -
  • Challenge: Simplify unit conversions for multiple categories in one app.
  • -
  • Solution: Built a SwiftUI app with dynamic picker and MVVM architecture.
  • -
  • Learned: Improved understanding of SwiftUI layouts and state management.
  • -
- - -
- GitHub - Demo -
-
- -
- - Mass Conversion App Screenshot +
+
+
+ + + +
+

Manchester Metropolitan University

- -
-

Mass Conversion App

-

SwiftUI Unit Converter

-
+
Foundational Computer Science
+
September 2016 - June 2017
+
+
+
- -
- Swift - SwiftUI - MVVM -
- -
    -
  • Challenge: Simplify unit conversions for multiple categories in one app.
  • -
  • Solution: Built a SwiftUI app with dynamic picker and MVVM architecture.
  • -
  • Learned: Improved understanding of SwiftUI layouts and state management.
  • -
- - -
- GitHub - Demo -
-
+
+
    +
  • Overall Grade: First
  • +
  • Modules: Computing, Data Analytics, Mathematics
  • +
+
+
+ + +
+ + +
+ +
+
+ + + +
+

Al Khor International School

+ +
CBSE Senior School Certificate Examination
+
January 2015 - March 2016
+
+
+
+ + + +
+
    +
  • Overall Percentage: 89%
  • +
  • Modules: Physics, Chemistry, Mathematics, Computer Science, English
  • +
+
+
+ +
+ + +
+

Projects

+
+ + + +
+ +
+ +
+
Mass Conversion App
+
+ + + + + + +
+
+ +
+ + +
+ +
+
Brain Training Game
+
+ + + + + + +
+
+ +
+ + +
+ +
+
Bull's Eye Game
+
+ + + + + + +
+
+ + +
+ + + +
+ + +
+

Volunteering

+
+ + +
+
+ +
+ + + + + +
+

GitHub Education

+ +
GitHub Campus Expert
+
September 2018 - Present
+ +
+ +
+ +
+
+
    +
  • Underwent an extensive online training to become the first GitHub Campus expert in Manchester
  • +
  • Role involves being an advocate for my community, attend tech events and gain experience.
  • +
+
+ +
+ +
+ + +
+
+ +
+ + + - - -
-
+
+

Code First: Girls

+
Ambassador/Lead Instructor
+
October 2019 - June 2020
+ +
+ + + + +
+ +
+ + + +
+ + +
+
+ +
+ + + + + +
+

helloHackers Soc

+ +
Founder/Committee Member
+
September 2018 - June 2020
+ +
+
+ +
+
+ +
+ + +
+ + +
+ + +
+
+ +
+ + + + + +
+

Hack Quarantine 2020

+ +
Intro to iOS - Workshop Lead
+
April 2020
+ +
+ +
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + + + + - diff --git a/style.css b/style.css deleted file mode 100644 index d941e90..0000000 --- a/style.css +++ /dev/null @@ -1,228 +0,0 @@ -/* Basic Reset */ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; -} - -body { - line-height: 1.6; - color: #333; - background-color: #fdfdfd; -} - -/* Hero Section */ -.hero { - height: 100vh; - display: flex; - justify-content: center; - align-items: center; - background: linear-gradient(to right, #4e54c8, #8f94fb); - color: white; - text-align: center; - padding: 0 1rem; -} - -.hero h1 { - font-size: 3rem; - margin-bottom: 0.5rem; -} - -.hero p { - font-size: 1.5rem; - margin-bottom: 1rem; -} - -.btn { - padding: 0.7rem 1.5rem; - background: white; - color: #4e54c8; - text-decoration: none; - border-radius: 5px; - font-weight: bold; - transition: 0.3s; -} - -.btn:hover { - background: #e0e0ff; -} - -/* Sections */ -.section { - padding: 4rem 2rem; - max-width: 1000px; - margin: auto; -} - -h2 { - font-size: 2rem; - margin-bottom: 2rem; - text-align: center; -} - -/* Skills Section */ -.skills-list { - display: flex; - justify-content: center; - flex-wrap: wrap; - gap: 1rem; - list-style: none; -} - -.skills-list li { - background: #4e54c8; - color: white; - padding: 0.5rem 1rem; - border-radius: 5px; -} - -/* Projects Grid */ -.projects-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: 2rem; - margin-top: 2rem; -} - -/* Project Card */ -.project-card { - background: #f5f5f5; - border-radius: 10px; - padding: 1.5rem; - display: flex; - flex-direction: column; - gap: 1rem; - transition: transform 0.3s, box-shadow 0.3s; -} - -.project-card:hover { - transform: translateY(-5px); - box-shadow: 0 10px 25px rgba(0,0,0,0.1); -} - -/* Thumbnail */ -.project-thumbnail { - width: 100%; - height: 180px; - object-fit: cover; - border-radius: 8px; -} - -/* Title & Subtitle */ -.project-title h3 { - font-size: 1.4rem; - margin-bottom: 0.3rem; - color: #4e54c8; -} - -.project-title .subtitle { - font-size: 1rem; - color: #555; -} - -/* Tech Stack Tags */ -.tech-tags { - display: flex; - flex-wrap: wrap; - gap: 0.5rem; -} - -.tech-tags span { - background: #4e54c8; - color: white; - padding: 0.3rem 0.7rem; - border-radius: 5px; - font-size: 0.8rem; -} - -/* Bullet Points */ -.project-points { - list-style: disc; - padding-left: 1.2rem; - color: #333; -} - -/* Buttons */ -.project-buttons { - display: flex; - gap: 1rem; - flex-wrap: wrap; -} - -.project-buttons .btn { - text-decoration: none; - color: #4e54c8; - background: white; - border-radius: 5px; - padding: 0.5rem 1rem; - font-weight: bold; - transition: 0.3s; -} - -.project-buttons .btn:hover { - background: #e0e0ff; -} - -/* Contact Grid */ -.contact-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); - gap: 1.5rem; - justify-items: center; - justify-content: center; - align-items: center; - margin-top: 2rem; -} - -.contact-card { - background: #f5f5f5; - border-radius: 10px; - padding: 1.5rem; - text-align: center; - color: #4e54c8; - text-decoration: none; - transition: transform 0.3s, box-shadow 0.3s; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - gap: 0.3rem; -} - -.contact-card:hover { - transform: translateY(-5px); - box-shadow: 0 8px 20px rgba(0,0,0,0.1); -} - - -/* Footer */ -footer { - text-align: center; - padding: 2rem; - background: #eee; - margin-top: 2rem; -} - -/* Media Queries */ -@media (max-width: 768px) { - .hero h1 { - font-size: 2.2rem; - } - - .hero p { - font-size: 1.2rem; - } - - .skills-list { - gap: 0.5rem; /* smaller gap between tags */ - } - - .skills-list li { - padding: 0.3rem 0.6rem; /* smaller padding */ - font-size: 0.85rem; /* smaller font */ - } - -} - -