Yelpcamp
This project required me to build a fully responsive website to the designs provided. I used HTML5, along with CSS, JavaScript, VueJs and Firebase.
Interaction Design / Front End Development
HTML / CSS / JS / vueJs / Firebase
Project Background
This project was a front-end challenge from Codewell. It’s a platform that enables you to practice building websites to a design and project brief. Each challenge includes mobile and desktop designs to show how the website should look at different screen sizes. Creating these projects has helped me refine my workflow and solve real-world coding problems. I’ve learned how to work with firebase authentication, storage and firebase firestore
Static Previews
Ip address tracker
This project required me to build a fully functional ip Address Tracker App to the designs provided. This project was build using HTML5, along with CSS, JavaScript, VueJs, NuxtJs
Interaction Design / Front End Development
HTML / CSS / JS / VueJs / NuxtJs
Project Background
This project was a front-end challenge from Frontend Mentor. It’s a platform that enables you to practice building websites to a design and project brief. Each challenge includes mobile and desktop designs to show how the website should look at different screen sizes. Creating these projects has helped me refine my workflow and solve real-world coding problems. I’ve learned something new with each project, helping me to improve and adapt my style.
Static Previews
Rest country api
This project required me to build a fully functional Todo App with drag 'n drop functionality to the designs provided. This project was build using HTML5, along with CSS, JavaScript, VueJs.
Interaction Design / Front End Development
HTML / CSS / Js / VueJs
Project Background
This project was a front-end challenge from Frontend Mentor. It’s a platform that enables you to practice building websites to a design and project brief. Each challenge includes mobile and desktop designs to show how the website should look at different screen sizes. Creating these projects has helped me refine my workflow and solve real-world coding problems. I’ve learned something new with each project, helping me to improve and adapt my style.
Static Previews
Space tourism
This project was built in pure HTML and CSS. I had mobile and desktop designs to work to and built it so that it was fully-responsive. I took a mobile-first approach and used modern CSS like Flexbox and Grid for layout purposes.
Interaction Design / Front End Development
HTML / CSS / JavaScript / VueJs
Project Background
This project was a front-end challenge from Frontend Mentor. It’s a platform that enables you to practice building websites to a design and project brief. Each challenge includes mobile and desktop designs to show how the website should look at different screen sizes. Creating these projects has helped me refine my workflow and solve real-world coding problems. I’ve learned something new with each project, helping me to improve and adapt my style.
Static Previews
Manage
This project required me to build a fully responsive landing page to the designs provided. I used HTML5, along with CSS Grid, JavaScript for the areas that required interactivity, such as the testimonial slider, and Vuejs.
Interaction Design / Front End Development
HTML / CSS / JS / VueJs
Project Background
This project was a front-end challenge from Frontend Mentor. It’s a platform that enables you to practice building websites to a design and project brief. Each challenge includes mobile and desktop designs to show how the website should look at different screen sizes. Creating these projects has helped me refine my workflow and solve real-world coding problems. I’ve learned something new with each project, helping me to improve and adapt my style.
Static Previews
Crowdfunding
This project required me to build a fully responsive product page to the designs provided. I used HTML5, along with CSS Grid, JavaScript (for the areas that required interactivity, such as the progress bar, pledge section and the feedback section), and Vuejs.
Interaction Design / Front End Development
HTML / CSS / JS / VueJs
Project Background
This project was a front-end challenge from Frontend Mentor. It’s a platform that enables you to practice building websites to a design and project brief. Each challenge includes mobile and desktop designs to show how the website should look at different screen sizes. Creating these projects has helped me refine my workflow and solve real-world coding problems. I’ve learned something new with each project, helping me to improve and adapt my style.
Static Previews
Url shortener
This project required me to build a fully responsive landing page to the designs provided. I used HTML5, along with CSS Grid, JavaScript, and Vuejs.
Interaction Design / Front End Development
HTML / CSS / JS / VueJS
Project Background
This project was a front-end challenge from Frontend Mentor. It’s a platform that enables you to practice building websites to a design and project brief. Each challenge includes mobile and desktop designs to show how the website should look at different screen sizes. Creating these projects has helped me refine my workflow and solve real-world coding problems. I’ve learned something new with each project, helping me to improve and adapt my style.
Static Previews
Bookmark
This project required me to build a fully responsive landing page to the designs provided. I used HTML5, along with CSS Grid and JavaScript for the areas that required interactivity, such as the features section.
Interaction Design / Front End Development
HTML / CSS / JS / VueJS
Project Background
This project was a front-end challenge from Frontend Mentor. It’s a platform that enables you to practice building websites to a design and project brief. Each challenge includes mobile and desktop designs to show how the website should look at different screen sizes. Creating these projects has helped me refine my workflow and solve real-world coding problems. I’ve learned something new with each project, helping me to improve and adapt my style.
Static Previews
Static job listing
This project required me to build a fully responsive landing page to the designs provided. I used HTML5, along with CSS Grid and JavaScript for the areas that required interactivity, such as the filter logic.
Interaction Design / Front End Development
HTML / CSS / JS / VueJs
Project Background
This project was a front-end challenge from Frontend Mentor. It’s a platform that enables you to practice building websites to a design and project brief. Each challenge includes mobile and desktop designs to show how the website should look at different screen sizes. Creating these projects has helped me refine my workflow and solve real-world coding problems. I’ve learned something new with each project, helping me to improve and adapt my style.
Static Previews
Easybank
This project was built in vueJs. I had mobile and desktop designs to work to and built it so that it was fully-responsive. I took a mobile-first approach and used modern CSS like Flexbox and Grid for layout purposes.
Interaction Design / Front End Development
HTML / CSS / JS / VueJs
Project Background
This project was a front-end challenge from Frontend Mentor. It’s a platform that enables you to practice building websites to a design and project brief. Each challenge includes mobile and desktop designs to show how the website should look at different screen sizes. Creating these projects has helped me refine my workflow and solve real-world coding problems. I’ve learned something new with each project, helping me to improve and adapt my style.
Static Previews
