Skip to content

Commit

Permalink
refactor content and styling in index and resume pages for improved c…
Browse files Browse the repository at this point in the history 
…larity and presentation
  • Loading branch information
@hugh5
hugh5 committed Nov 12, 2024
1 parent 4b77a8f commit 0552d6a
Show file tree
Hide file tree
Showing 4 changed files with 71 additions and 124 deletions.
6 changes: 5 additions & 1 deletion css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -255,6 +255,10 @@ footer a {
flex-direction: column;
justify-content: center;
align-items: center;

.left {
align-self: flex-start;
}
}

h1 {
Expand Down Expand Up @@ -319,7 +323,7 @@ h5 {
}
}

p > span {
p > span, li > span {
/* Accented text */
font-weight: 600;
color: var(--accent-color);
Expand Down
41 changes: 10 additions & 31 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,40 +41,19 @@ <h1>Hugh</h1>
</div>
</div>
<h2>Introdction</h2>
<p>
I'm a passionate Mobile App Developer with a drive for
creativity and innovation. Here, you'll find a curated
collection of my work, showcasing my expertise, skills,
and dedication to excellence.
</p>
<p>
I thrive on solving complex problems, exploring new
ideas, and creating meaningful experiences. With a
background in Computer Science, I bring a unique blend
of technical proficiency, strategic thinking, and a keen
eye for detail to every project I undertake.
<p class="left">
I'm a <span>Software Developer</span> with a background in <span>mobile app development</span>, focused on creating <span>functional</span>, <span>engaging</span>, and <span>reliable solutions</span>.
</p>
<p class="left">
My portfolio showcases a range of projects that reflect my <span>technical skills</span>, <span>attention to detail</span>, and <span>commitment to quality</span>.
</p>
<h2>Career Objectives</h2>
<p>
I aim to drive innovation, deliver excellence, and solve
complex problems by collaborating effectively,
continuously learning and growing, and making meaningful
contributions to the field of mobile app development.
</p>
<p>
I seek to collaborate with and learn from experienced
professionals in the field to continuously learn. With a
strong foundation in programming and a proactive
approach to skill development, my career objective is to
immerse myself in challenging projects and environments
where I can gain valuable insights, refine my technical
expertise, and contribute effectively to innovative
solutions. Through mentorship and collaboration with
seasoned industry veterans, I aspire to accelerate my
growth, broaden my skill set, and ultimately make
meaningful contributions to the advancement of
technology.
<p class="left">
I aim to contribute to <span>innovative projects</span>, work alongside <span>experienced professionals</span>, and continue developing my <span>technical skills</span>.
</p>
<p class="left">
My goal is to grow through <span>hands-on work</span>, <span>mentorship</span>, and <span>collaboration</span>, allowing me to make <span>impactful contributions</span> to the projects I work on.
</p>
</div>
</div>
</main>
Expand Down
115 changes: 45 additions & 70 deletions projects.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,37 +35,42 @@ <h5>Mobile App</h5>
<div class="row">
<ul>
<li>
Developed a mobile application for students
to view their own timetable in conjunction
with their friends' timetables.
Developed a
<span>mobile application</span> for
students to view their own timetable
alongside their friends' timetables.
</li>
<li>
Published application on the App Store and
Google Play Store. Over 3000 users and 500
daily active users.
Published on the <span>App Store</span>
and <span>Google Play Store</span>,
reaching over <span>3000 users</span> with
<span>500 daily active users</span>.
</li>
<li>
Designed a user-friendly interface to
display timetable information and allow
students to manage their schedule. Initially
written in Swift and later translated to
Flutter for cross platform compatibility.
Designed a
<span>user-friendly interface</span> to
display timetable information and allow
students to manage their schedule.
Initially written in <span>Swift</span>
and later translated to
<span>Flutter</span> for
<span>cross-platform compatibility</span>.
</li>
<li>
Leveraged Firebase's NoSQL cloud database to
implement a comprehensive social networking
feature set, allowing users to send, accept,
and decline friend requests.
Leveraged <span>Firebase's NoSQL cloud
database</span> to implement social
networking features, enabling users to
send, accept, and decline friend requests.
</li>
<li>
Facilitated real time messaging between
users and timetable sharing capabilities
leveraging Firebase's cloud database
Enabled <span>real-time messaging</span>
and timetable sharing by utilizing
<span>Firebase's cloud database</span>.
</li>
<li>
Utilised OneSignal to facilitate push
notifications for group chat messages and
friend requests.
Integrated <span>OneSignal</span> for
<span>push notifications</span> for group
chat messages and friend requests.
</li>
</ul>
<!-- Image Slider -->
Expand Down Expand Up @@ -218,29 +223,19 @@ <h5>Web App</h5>
</div>
<ul>
<li>
Developed a web application to visualise
maze generation and pathfinding algorithms.
Developed a <span>web application</span> to visualize <span>maze generation</span> and <span>pathfinding algorithms</span>.
</li>
<li>
Implemented maze generation algorithms such
as Recursive Backtracking, Recursive
Division, Prim's Algorithm, and Kruskal's
Algorithm.
Implemented maze generation algorithms such as <span>Recursive Backtracking</span>, <span>Recursive Division</span>, <span>Prim's Algorithm</span>, and <span>Kruskal's Algorithm</span>.
</li>
<li>
Implemented pathfinding algorithms such as
Greedy-Best-First Search, A* Search, Breadth
First Search and Depth First Search.
Implemented pathfinding algorithms such as <span>Greedy-Best-First Search</span>, <span>A* Search</span>, <span>Breadth First Search</span>, and <span>Depth First Search</span>.
</li>
<li>
Designed a user-friendly interface to allow
users to select the size of the maze, the
algorithm to generate the maze, and the
algorithm to find the path.
Designed a <span>user-friendly interface</span> to allow users to select the size of the maze, the algorithm for maze generation, and the algorithm for pathfinding.
</li>
<li>
Utilised React and canvas graphics using
p5JS to create the web application.
Utilized <span>React</span> and canvas graphics with <span>p5.js</span> to create the application.
</li>
</ul>
</div>
Expand Down Expand Up @@ -299,23 +294,16 @@ <h5>Desktop App</h5>
<div class="row">
<ul>
<li>
Developed a desktop application to visualise
sorting algorithms.
Developed a <span>desktop application</span> to visualize <span>sorting algorithms</span>.
</li>
<li>
Implemented sorting algorithms such as
Bubble Sort, Selection Sort, Insertion Sort,
Merge Sort, Quick Sort, and Heap Sort.
Implemented sorting algorithms such as <span>Bubble Sort</span>, <span>Selection Sort</span>, <span>Insertion Sort</span>, <span>Merge Sort</span>, <span>Quick Sort</span>, and <span>Heap Sort</span>.
</li>
<li>
Designed a user-friendly interface to allow
users to select the size of the array, the
algorithm to sort the array, and the speed
of the visualisation.
Designed a <span>user-friendly interface</span> allowing users to select the size of the array, the sorting algorithm, and the speed of the visualization.
</li>
<li>
Utilised Java Swing to create the desktop
application.
Utilized <span>Java Swing</span> to build the application.
</li>
</ul>
<!-- Image Slider -->
Expand Down Expand Up @@ -405,26 +393,17 @@ <h5>Desktop App</h5>
</div>
<ul>
<li>
Developed neural network framework capable
of an arbitrary number of layers and nodes.
Developed a <span>neural network framework</span> capable of handling an arbitrary number of layers and nodes.
</li>
<li>
Visualised the XOR problem using the neural
network framework and SDL2 graphics.
Visualized the <span>XOR problem</span> using the neural network framework with <span>SDL2 graphics</span>.
</li>
<li>
The grayscale pixels represent the output
values of the neural network with black
representing 0 and white representing 1.
The <span>grayscale pixels</span> represent the output values of the neural network, where black represents 0 and white represents 1.
</li>
<li>
An input of (0, 0) should output 0, (0, 1),
(1, 0) should output 1, and (1, 1) should
output 0. So in the visualisation, the top
left and bottom right corners should be
black, and the top right and bottom left
corners should be white.
</li>
For the <span>XOR problem</span>: an input of (0, 0) should output 0; (0, 1) and (1, 0) should output 1; and (1, 1) should output 0. Thus, the top-left and bottom-right corners are black, and the top-right and bottom-left corners are white in the visualization.
</li>
</ul>
</div>
<div class="tech-stack">
Expand Down Expand Up @@ -461,21 +440,17 @@ <h5>Desktop App</h5>
<div class="row">
<ul>
<li>
A simple window-based Snake game implemented
in C using SDL library.
A simple <span>window-based Snake game</span> implemented in <span>C</span> using the <span>SDL library</span>.
</li>
<li>
The game features a snake that moves around
the screen eating food to grow.
The game features a snake that moves around the screen, eating food to grow.
</li>
<li>
The game ends when the snake collides with
the walls or itself.
The game ends when the snake collides with the walls or itself.
</li>
<li>
Written in C using the SDL library for
graphics.
</li>
Written in <span>C</span> using the <span>SDL library</span> for graphics.
</li>
</ul>
<!-- Image Slider -->
<div id="project5" class="image-slider">
Expand Down
33 changes: 11 additions & 22 deletions resume.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,28 +73,20 @@ <h5>Jan 2023 — Feb 2023</h5>
</div>
<ul>
<li>
Designed and tested RESTful APIs for a business
directory application using Node.js.
Designed and tested <span>RESTful APIs</span> for a business directory application using <span>Node.js</span>.
</li>
<li>
Implemented a database schema using MongoDB and
integrated it with the application using
Node.js.
Implemented a <span>database schema</span> using <span>MongoDB</span> and integrated it with the application using <span>Node.js</span>.
</li>
<li>
Improved the application's search functionality
by implementing a search feature using
ElasticSearch.
Improved the application's <span>search functionality</span> by implementing a feature using <span>ElasticSearch</span>.
</li>
<li>
Participated in daily stand-up meetings, code
reviews, and sprint planning sessions.
Participated in <span>daily stand-up meetings</span>, <span>code reviews</span>, and <span>sprint planning sessions</span>.
</li>
<li>
Implemented unit tests and participated in
integration testing to ensure code quality and
reliability.
</li>
Implemented <span>unit tests</span> and participated in <span>integration testing</span> to ensure <span>code quality</span> and <span>reliability</span>.
</li>
</ul>
<div class="row">
<h4>
Expand All @@ -106,18 +98,15 @@ <h4>
<h5>Jul 2023 — Present</h5>
</div>
<ul>
<li>Tutor Algorithms & Data Structure course.</li>
<li>
Assisted students in understanding complex
concepts and solving problems related to
programming languages, algorithms, and data
structures.
<span>Tutor</span> for <span>Algorithms & Data Structure</span> course.
</li>
<li>
Conducted tutorial sessions, graded assignments,
and provided feedback to students to help them
improve their understanding and performance.
Assisted students in understanding complex concepts and solving problems related to <span>programming languages</span>, <span>algorithms</span>, and <span>data structures</span>.
</li>
<li>
Conducted <span>tutorial sessions</span>, graded assignments, and provided <span>feedback</span> to help students improve their understanding and performance.
</li>
</ul>
</section>
<!-- Skills Section -->
Expand Down

0 comments on commit 0552d6a

Please sign in to comment.