generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
242 lines (226 loc) · 14.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Paul Wheatcroft Web Developer Portfolio">
<meta name="author" content="Paul Wheatcroft">
<meta name="generator" content="Hugo 0.83.1">
<meta name="theme-color" content="#FCFCFC">
<meta name="apple-mobile-web-app-status-bar-style" content="#FCFCFC">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<title>Paul Wheatcroft - Web Developer</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div id="hero" class="d-flex align-items-center">
<div id="hero-heading" class="p-2">
<h1 class="wow animate__animated animate__fadeIn animate__slow">Paul</h1>
<h1 class="wow animate__animated animate__fadeIn animate__slow">Wheatcroft</h1>
</div>
</div>
<!-- Outline of who I am -->
<div id="me-now" class="primary-div-spacing">
<h1>me = 2.0</h1>
<p class="wow animate__animated animate__fadeIn">My love of web developement was born out of a facination of graphic design I've held since I was a child. The way shapes, colours, and functionality are brought together in software development, to create something which is both aesthetically beautiful and useful is a wonderful thing. Initially, in the early 00s, this was in the form of clumsy Frontpage sites but later that decade I started a web design company as a hobby, building online presences for many small businesses.</p>
<p class="wow animate__animated animate__fadeIn">In 2020 I decided to change my career and follow my passion, so I enrolled in a Full Stack Web Developer diploma through The Code Institute, to become a professional software developer, and passing with distinction.</p>
<p class="wow animate__animated animate__fadeIn">I’m also an Agile certified professional too who’s used to handling deadlines, budgets and stakeholders.</p>
<h2>Associate Software Engineer</h2>
<p>04/2022 to Present - Made Tech Ltd</p>
<p>Active member on technical client delivery teams participating in all Agile ceremonies (Sprint Planning, Daily Stand-Up, Sprint Review and Sprint Retrospective)</p>
<p>Produce efficient, clean, and testable code</p>
</div>
<!-- Simple sticky nav bar -->
<nav id="nav-bar" class="sticky-top wow animate__animated animate__fadeIn">
<ul id="nav-bar-menu" class="list-unstyled list-inline wow animate__animated animate__fadeIn">
<li class="list-inline-item"><i class="fas fa-mobile-alt sticky-icon"></i> 07789 954311</li>
<li class="list-inline-item"><a id="back-top" href="#" aria-label="Top"><i id="top-icon" class="fas fa-arrow-alt-circle-up sticky-icon"></i> Back to the Top</a></li>
</ul>
</nav>
<!-- Main content to show projects and technologies used -->
<main>
<div id="projects" class="primary-div-spacing wow animate__animated animate__fadeIn">
<h1>Personal Projects</h1>
<!-- Owery -->
<div class="project-container wow animate__animated animate__fadeIn animate__slow">
<div class="project-image">
<img src="images/owery.png" alt="Carp Buzz">
</div>
<div class="project-text">
<h2>Owery Joinery</h2>
<p>Owery Joinery are a joinery company based in Somerset. This project is intended to replace their current website</p>
<p>Developed for my final milestone project “Full Stack Frameworks”.
The project purpose was to build a fully functioning e-commerce website using Python, Django, and PostgreSQL.
I integrated Stripe as the payement service taking advantage of thier payment intent process.</p>
</div>
<div class="project-links">
<ul class="list-unstyled list-inline-item">
<li class="list-inline-item"><i class="fas fa-globe"></i> <a href="https://owery-joinery.herokuapp.com/" target="_blank"> Live Site</a></li>
<li class="list-inline-item"><i class="fab fa-github"></i> <a href="https://github.com/PaulWheatcroft/owery-joinery" target="_blank"> GitHub Repo</a></li>
</ul>
</div>
</div>
<!-- Carp Buzz -->
<div class="project-container wow animate__animated animate__fadeIn animate__slow">
<div class="project-image">
<img src="images/carp-buzz.png" alt="Carp Buzz">
</div>
<div class="project-text">
<h2>Carp Buzz</h2>
<p>This web-application is a directories of carp fisheries in the sout-west of the UK.</p>
<p>This website was developed for my third milestone project “Backend Development”.
The project purpose was to build a document database driven Python web application using Flask, and MongoDB.
For the layout an styling I used MaterializedCSS</p>
</div>
<div class="project-links">
<ul class="list-unstyled list-inline-item">
<li class="list-inline-item"><i class="fas fa-globe"></i> <a href="http://carp-buzz-dev.herokuapp.com/get_fisheries" target="_blank"> Live Site</a></li>
<li class="list-inline-item"><i class="fab fa-github"></i> <a href="https://github.com/PaulWheatcroft/CarpBuzz" target="_blank"> GitHub Repo</a></li>
</ul>
</div>
</div>
<!-- Cocktail Shaker -->
<div class="project-container wow animate__animated animate__fadeIn animate__slow">
<div class="project-image">
<img src="images/the-cocktail-shaker.png" alt="The Cocktail Shaker">
</div>
<div class="project-text">
<h2>the Cocktail Shaker</h2>
<p>This web-application returns cocktail recipes based on ingredients the user has in the back of their drinks cabinet!</p>
<p>This website was developed for my second milestone project “Interactive Front-End Development”.
The project purpose was the presentation of interactive data.
This was achieved through integrating a third party API and the primary language was vanilla JavaScript.
Emailjs was alo used to enable email distribution within the web browser.</p>
</div>
<div class="project-links">
<ul class="list-unstyled list-inline-item">
<li class="list-inline-item"><i class="fas fa-globe"></i> <a href="https://paulwheatcroft.github.io/theCocktailShaker/" target="_blank"> Live Site</a></li>
<li class="list-inline-item"><i class="fab fa-github"></i> <a href="https://github.com/PaulWheatcroft/theCocktailShaker" target="_blank"> GitHub Repo</a></li>
</ul>
</div>
</div>
<!-- 8 Meg -->
<div class="project-container wow animate__animated animate__fadeIn animate__slow">
<div class="project-image">
<img src="images/eight-meg.png" alt="The Cocktail Shaker">
</div>
<div class="project-text">
<h2>8 Meg Stick Records</h2>
<p>Created for my second milestone project “User Centric Front-End Development”, the 8 Meg Stick Records website is for a small independent record label that I run. The primary purpose of the site is to provide easy access to major streaming platforms for each release.</p>
<p>The site is mostly HTML and CSS and was built utilising Bootstrap for layout. Flex was specifically useful for the dynamic layout of the releases.
</p>
</div>
<div class="project-links">
<ul class="list-unstyled list-inline-item">
<li class="list-inline-item"><i class="fas fa-globe"></i> <a href="https://www.8megstickrecords.com" target="_blank"> Live Site</a></li>
<li class="list-inline-item"><i class="fab fa-github"></i> <a href="https://github.com/PaulWheatcroft/8MegStickRecords" target="_blank"> GitHub Repo</a></li>
</ul>
</div>
</div>
<!-- Down It! -->
<div class="project-container wow animate__animated animate__fadeIn animate__slow">
<div class="project-image">
<img src="images/mines-a-pint.png" alt="The Cocktail Shaker">
</div>
<div class="project-text">
<h2>Down It!</h2>
<p>The product of my first ever Hackathon. An interactive quiz built to celebrate St. Patricks Day. A superb team effort, from a group of students thrown together to deliver a database driven site from inception to deployment in 5 days! My primary role in the team was the initial frontend design and wireframing of the application. After that I was able to bring the application to life using jQuery to animate elements of the user experince.</p>
<p>It was really enjoyable being part of a team and getting instant feedback on my work and collaborating at pace. To keep the project on track we held a daily meeting and made extensive use of Git branching to avoid conflicts.</p>
</div>
<div class="project-links">
<ul class="list-unstyled list-inline-item">
<li class="list-inline-item"><i class="fas fa-globe"></i> <a href="https://down-it.herokuapp.com/" target="_blank"> Live Site</a></li>
<li class="list-inline-item"><i class="fab fa-github"></i> <a href="https://github.com/GJSayers/downit" target="_blank"> GitHub Repo</a></li>
<li class="list-inline-item"><i class="fas fa-users-cog"></i> <a href="https://hackathon.codeinstitute.net/teams/37/" target="_blank"> Team Site</a></li>
</ul>
</div>
</div>
</div>
<div id="technologies" class="primary-div-spacing wow animate__animated animate__fadeIn animate__slow">
<h1>Technologies</h1>
<div id="logos" class="">
<p>Below is a list technologies I’ve had exposure to over the last 2 years. As an Associate Engineer I've only scratched the surface of these languages, platforms, and tools however, i’m comfortable rolling up my sleeves and getting stuck in to anything.</p>
<p><strong>Languages:</strong> Python, JavaScript, jQuery, TypeScript , Ruby, C#, Go, CSS, HTML</p>
<p><strong>Platforms:</strong> Flask, Django, Vue, React, Angular, Node, Ruby on Rails, Azure, .NET, AWS, Heroku, Bootstrap, Materialize CSS, MongoDB, Azure Cosmos DB, PostgreSQL, MySQL</p>
<p><strong>Tools:</strong> VS Code, Jet Brains Suite, Git, GitHub, GitHub Desktop, Azure DevOps, Jira, Confluence, Trello, Figma, Photoshop</p>
</div>
</div>
</main>
<!-- Brief overview of my history -->
<div id="cv" class="primary-div-spacing">
<h1>me = 1.0</h1>
<p class="wow animate__animated animate__fadeIn">
Below is a brief timeline of my professional career responsibilities. There are some significant achievements during this time such as a complete UI redesign and replatforming of an enterprise product, for a more indepth look at this you can download my current CV from HERE.
</p>
<ul class="list-unstyled">
<li class="wow animate__animated animate__fadeInUp">
<h3>08/2018 to 03/2022</h3>
<h2>Head of Service - Computing</h2>
<h3>C & J Clark International Ltd</h3>
<i class="fas fa-ellipsis-h pink"></i>
<p>Accountable for capital and operational budgets, aligned to deliver global computing services</p>
<i class="fas fa-ellipsis-h pink"></i>
<p>Lead, develop and motivate a team of 10 technical specialists across computing platform management, software applications delivery and end user computing services using Agile practices</p>
<i class="fas fa-ellipsis-h pink"></i>
<p>Own and continuously develop computing service technology roadmaps and strategies </p>
</li>
<li class="wow animate__animated animate__fadeInUp">
<h3>04/2015 to 08/2018</h3>
<h2>Supplier Services Manager</h2>
<h3>C & J Clark International Ltd</h3>
<i class="fas fa-ellipsis-h pink"></i>
<p>Manage supplier delivery performance to agreed service levels and maintain effective relationships across a portfolio of suppliers</p>
<i class="fas fa-ellipsis-h pink"></i>
<p>Lead in supplier contract negotiations</p>
<i class="fas fa-ellipsis-h pink"></i>
<p>Deliver IT services through appropriate methodologies (Agile, Waterfall, ITIL)</p>
</li>
<li class="wow animate__animated animate__fadeInUp">
<h3>11/2013 to 04/2015</h3>
<h2>IT Manager at MacRail Systems Ltd</h2>
<h3>MacRail Systems Ltd</h3>
<i class="fas fa-ellipsis-h pink"></i>
<p>Continuously review, improve and innovate IT applications and products, developed in-house</p>
<i class="fas fa-ellipsis-h pink"></i>
<p>Manage IT department of 7 specialists consisting of application developers (.NET, C#, VB, Java), web developers (HTML5, CSS, PHP, JavaScript, MySQL), a software tester and infrastructure support engineers</p>
<i class="fas fa-ellipsis-h pink"></i>
<p>Lead pre-sales engagements though product demonstrations</p>
</li>
<li class="wow animate__animated animate__fadeInUp">
<h3>04/2012 to 10/2013</h3>
<h2>Store Systems Technical Specialist</h2>
<h3>C & J Clark International Ltd</h3>
<i class="fas fa-ellipsis-h pink"></i>
<p>Manage the relationship of external development team to support on-going issues and new development requirements for the core EPOS system</p>
<i class="fas fa-ellipsis-h pink"></i>
<p>Manage and coordinate the design and development of retail and store systems applications</p>
<i class="fas fa-ellipsis-h pink"></i>
<p>Research and test new technologies and services to continuously improve retail systems</p>
<i class="fas fa-ellipsis-h pink"></i>
<p>Test software to ensure criteria and specifications match business requirements</p>
</li>
</ul>
</div>
<!-- footer -->
<footer class="primary-div-spacing">
<ul class="list-unstyled">
<li><i class="fas fa-phone"></i> 07789954311</li>
<li><i class="fas fa-envelope"></i> [email protected]</li>
<li><a href="https://github.com/PaulWheatcroft" target="_blank"><i class="fab fa-github"></i> github.com/PaulWheatcroft</a></li>
<li><a href="https://www.linkedin.com/in/paulwheatcroft/" target="_blank"><i class="fab fa-linkedin"></i> linkedin.com/in/paulwheatcroft/</a></li>
</ul>
</footer>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/wow/dist/wow.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>