Work
These projects offer a glimpse into my web design and development skills over the past two years. If you're interested in the full code for any project, feel free to message me, and I'll gladly share it on GitHub.
01My Portfolio
For this project, my objective was to create a website that is straightforward, uncluttered, seamless, adaptable, and user-friendly, providing concise information for users to effortlessly comprehend all aspects about me.
I've employed Javascript for certain functionalities and utilized the GreenSock Animation Platform (GSAP), a Javascript library, to animate some of the content. Additionally, I've incorporated PHP, CSS, and HTML into the development.
JavaScript, GSAP, PHP, CSS, HTML
02Learn Daily
I developed this page with a primary focus on creating an intrinsically sized and fully accessible layout. The layout incorporates a combination of CSS Grid, Flexbox, Multicolumns, and Flow to showcase the diverse CSS layout tools available. This approach enables the content to expand and contract intelligently, allowing for a purposeful adaptation to various screen sizes and devices.
HTML, CSS (CSS Grid, Flexbox, Multicolumns), JavaScript
03Spacecraft
The main objective of this project was to create a web application employing React, Next.js, and Material UI for styling and UI components. Additionally, API requests were utilized to retrieve and display data related to space agencies and spacecrafts within the application.
I've employed GitHub as a version control repository, and the project is deployed using Vercel.
React, Next.js, Material UI, API Request, GitHub, Vercel
04Harvest
The primary goal of this project is to employ Bootstrap for crafting a responsive web page. Executed solely with HTML and Bootstrap, this project underscores my adeptness in utilizing Bootstrap and my capability to build a visually appealing, user-friendly websites without relying on intricate coding or additional tools.
Bootstrap, HTML
05Dashboard
I showcased my Tailwind proficiency by creating a prototype for a dashboard page, clarifying it's not a customized design or a functional app without a database. As the UI designer, I crafted UI components to visually represent the intended functionality, highlighting Tailwind's adaptability for dynamic interfaces.
Tailwind, HTML, CSS, JavaScript
06Little Bits
Our Capstone project, a collaboration with two teammates, embraced the minimalist and customizable nature of underscores as its theme. I led the development efforts, facing challenges due to numerous editable sections enabling client content management. Employing PHP, I crafted custom page templates and integrated various plugins like Advanced Custom Fields, Custom Post Types, image and video sliders, a calendar, and more to realize our envisioned outcome.
CMS - WordPress, Custom Post Templates, PHP, Javascript, JQuery
07Central Coffee
Through this webpage, I aim to showcase my proficiency in HTML and CSS, providing a tangible demonstration of my abilities in creating and styling web pages using these foundational technologies.
HTML, CSS
08Magazine Blog
With the objective of creating a dynamic magazine-style blog, I developed this webpage using HTML, CSS, and JavaScript. Employing CSS Grid for responsive layouts, optimizing images, and integrating ARIA attributes for enhanced accessibility, the site offers a modern and inclusive online magazine platform. JavaScript enhances interactivity, ensuring a smooth and engaging user experience.
HTML, CSS, Javascript
Other Work
Here are some of my other projects, each featuring documentation and design files that highlight my additional skills in the realm of Web Design and Development
01Documentation
MS Word, MS Paint, Squoosh
Little Bits Project: I crafted a thorough documentation guide to help the client efficiently navigate the WordPress platform, providing step-by-step instructions for improved understanding and management.
02Design Pattern
Adobe XD
Using Adobe XD, this project prototypes a user-friendly UI filter pattern for Best Buy, featuring organized layers, a consistent color palette, and reusable components. The prototype seamlessly navigates through four screens, ensuring a highly usable filtering experience.
03Website Redesign
Adobe PhotoShop
Swell Bakery: This was a project to revamp a bakery's online presence through a website redesign using Photoshop, enhancing visual appeal, user experience, and overall brand representation. Employing Photoshop, the goal is to create a modern and enticing website that reflects the essence of Swell Bakery
04Design Pattern
Adobe XD
Chef Anthony: I designed a visually appealing and user-friendly website for Anthony's Recipe using Adobe XD, adhering to best practices. The objective was to create an intuitive and engaging platform showcasing Anthony's recipes while ensuring a seamless user experience in line with industry standards.