UI/Web Design & Development

Projects Developed with JavaScript, HTML, CSS, React, JSX, JQuery, AJAX, Figma, WordPress, Oxygen Builder, & More

Work Samples
First is a gallery of screenshots of my web development and design and UI design projects. Links to the Live sites are given where applicable (many are available at https://xanderwitch.github.io/).
Second is a collection of videos showing some mini-projects I've worked to learn various web development and design methods.
full website, single-page website, and portfolio website built with wordpress and oxygen builder as part of a course by dawid tuminski on skillshare
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Full Website (sample pages)
Portfolio Website (sample pages)
Portfolio Website (sample pages)
Portfolio Website (sample pages)
Portfolio Website (sample pages)
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Single-Page Website
Soundboard: https://xanderwitch.github.io/09_Sound-Board/
Soundboard: https://xanderwitch.github.io/09_Sound-Board/
Dad Jokes: https://xanderwitch.github.io/10_Dad-Jokes/
Dad Jokes: https://xanderwitch.github.io/10_Dad-Jokes/
Event KeyCodes: https://xanderwitch.github.io/11_Event-KeyCodes/
Event KeyCodes: https://xanderwitch.github.io/11_Event-KeyCodes/
FAQ Collapse: https://xanderwitch.github.io/12_FAQ-Collapse/
FAQ Collapse: https://xanderwitch.github.io/12_FAQ-Collapse/
Random Choice Picker: https://xanderwitch.github.io/13_Random-Choice-Picker/
Random Choice Picker: https://xanderwitch.github.io/13_Random-Choice-Picker/
Interactive Tic Tac Toe Game - JS, HTML, CSS, and Bootstrap
Interactive Tic Tac Toe Game - JS, HTML, CSS, and Bootstrap
Team CRUD App - JS, HTML, CSS, Bootstrap, AJAX, & JQuery (1 of 2)
Team CRUD App - JS, HTML, CSS, Bootstrap, AJAX, & JQuery (1 of 2)
Team CRUD App - JS, HTML, CSS, Bootstrap, AJAX, & JQuery (1 of 2)
Team CRUD App - JS, HTML, CSS, Bootstrap, AJAX, & JQuery (1 of 2)
UI Moodboard
UI Moodboard
From Course on Creating a Wordpress Theme with Bootstrap through Coding
From Course on Creating a Wordpress Theme with Bootstrap through Coding
From Course on Creating a Wordpress Theme with Bootstrap through Coding
From Course on Creating a Wordpress Theme with Bootstrap through Coding
From Course on Creating a Wordpress Theme with Bootstrap through Coding
From Course on Creating a Wordpress Theme with Bootstrap through Coding
From Course on Creating a Wordpress Theme with Bootstrap through Coding
From Course on Creating a Wordpress Theme with Bootstrap through Coding
Login and Nav App - JS, HTML, CSS, JSX, & ReactJS
Login and Nav App - JS, HTML, CSS, JSX, & ReactJS
CRUD APP - JS, HTML, CSS, and Bootstrap
CRUD APP - JS, HTML, CSS, and Bootstrap
CRUD House Hunt App 1 - JavaScript, React, REST API Use
CRUD House Hunt App 1 - JavaScript, React, REST API Use
CRUD House Hunt App 2 - JavaScript, React, REST API Use
CRUD House Hunt App 2 - JavaScript, React, REST API Use
CRUD House Hunt App 3 - JavaScript, React, REST API Use
CRUD House Hunt App 3 - JavaScript, React, REST API Use
React Movie Review App 1 - JavaScript, React, JSX
React Movie Review App 1 - JavaScript, React, JSX
React Movie Review App 2- JavaScript, React, JSX
React Movie Review App 2- JavaScript, React, JSX
Responsive Contact Page with Bootstrap, HTML, and CSS
Responsive Contact Page with Bootstrap, HTML, and CSS
Bootstrap, HTML, & CSS
Bootstrap, HTML, & CSS
HTML and Inline CSS Only
HTML and Inline CSS Only

Expanding Cards: See Live page at https://xanderwitch.github.io/01ExpandingCards_50ProjectsIn50Days/

Progress Steps: See Live Page at https://xanderwitch.github.io/02_Progress-Steps_50ProjectsIn50Days/

Rotating Navigation: See Live Site at https://xanderwitch.github.io/03_Rotating-Navigation_50ProjectsIn50Days/

Hidden Search Widget: View Live Site at https://xanderwitch.github.io/04_HiddenSearchWidget_50ProjectsIn50Days/

Blurry Loading: View Live Sit at https://xanderwitch.github.io/05_BlurryLoading_50ProjectsIn50Days/

Scroll Animation: see Live Site at  https://xanderwitch.github.io/06_Scroll-Animation_50ProjectsIn50Days/

Split Landing Page: SEE LIVE SITE AT https://xanderwitch.github.io/07_Split-Landing-Page/

Form Wave Animation: SEE LIVE SITE AT https://xanderwitch.github.io/08_Form-Wave-Animation/

Lo-Fi UX Wireframe with Animation

You may also like

Logos
2020
Web & Social Media Graphics
2020
Print Media
2020
Business Cards
2020
Interior Book Design
2020
Illustration
2021
MERCH DESIGNS
2020
Book Covers
2020
↑Back to Top