xanderwitch Goto Github PK

01expandingcards_50projectsin50days

01 - Expanding Cards, Part of 50 Projects in 50 Day

02_progress-steps_50projectsin50days

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop With customization by Janell Robisch of XanderWitch Design and Development In this HTML/CSS/JavaScript project, we create a progress step menu that is can be navigated backward and forward. The Next and Previous Buttons are enabled when at the end or beginning of the menu, respectively.

03_rotating-navigation_50projectsin50days

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop With customization by Janell Robisch of XanderWitch Design and Development In this HTML/CSS/JavaScript project, when the menu button is clicked, the entire page rotates to reveal the menu. Very snazzy! All photos courtesy of Unsplash.com.

04_hiddensearchwidget_50projectsin50days

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop With customization by Janell Robisch of XanderWitch Design and Development In this HTML/CSS/JavaScript project, users see only a search magnifying glass, but when they click it, it expands to a full search bar. Simple but cool. All photos courtesy of Unsplash.com.

05_blurryloading_50projectsin50days

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop (https://www.udemy.com/course/50-projects-50-days/) With customization by Janell Robisch of XanderWitch Design and Development In this quick HTML/CSS/JavaScript project, we're treated to a blurry background that clears as it loads. There is also a loading percentage from 0 to 100% that fades from view as the page loads. All photos courtesy of Unsplash.com.

06_scroll-animation_50projectsin50days

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop (https://www.udemy.com/course/50-projects-50-days/) With customization by Janell Robisch of XanderWitch Design and Development In this quick HTML/CSS/JavaScript project, we incorporate a cool scroll effect, where content slides on and off the screen from the left and right, depending on where your vertical scroll bar is. Another nice, easy project with lots of flair.

07_split-landing-page

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop (https://www.udemy.com/course/50-projects-50-days/) With customization by Janell Robisch of XanderWitch Design and Development In this quick HTML/CSS/JavaScript project, we incorporate a fun split landing page effect, where two products are presented and each one is emphasized, depending on where the mouse falls.

08_form-wave-animation

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop (https://www.udemy.com/course/50-projects-50-days/) With customization by Janell Robisch of XanderWitch Design and Development In this quick HTML/CSS/JavaScript project, we add a wavelike animation to the labels in a login form.

09_sound-board

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop (https://www.udemy.com/course/50-projects-50-days/) With customization by Janell Robisch of XanderWitch Design and Development In this quick HTML/CSS/JavaScript project, we have a simple, functional sound board for your web browser.

10_dad-jokes

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop (https://www.udemy.com/course/50-projects-50-days/) With customization by Janell Robisch of XanderWitch Design and Development In this quick HTML/CSS/JavaScript project, I built a Dad Joke app by fetching jokes from the icanhazdadjokes.com API with JavaScript. Try not to laugh.

11_event-keycodes

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop (https://www.udemy.com/course/50-projects-50-days/) With customization by Janell Robisch of XanderWitch Design and Development In these quick HTML/CSS/JavaScript projects, I built an app for calling up KeyCodes.

12_faq-collapse

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop (https://www.udemy.com/course/50-projects-50-days/) With customization by Janell Robisch of XanderWitch Design and Development In these quick HTML/CSS/JavaScript projects, I built a FAQ page with active and inactive questions and answers.

13_random-choice-picker

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop (https://www.udemy.com/course/50-projects-50-days/) With customization by Janell Robisch of XanderWitch Design and Development In these quick HTML/CSS/JavaScript projects, I built a random choice picker

14_animated-navigation

Part of 50 Projects in 50 Days Udemy Course by Brad Traversy and Florin Pop (https://www.udemy.com/course/50-projects-50-days/) With customization by Janell Robisch of XanderWitch Design and Development In these quick HTML/CSS/JavaScript projects, I built a small nav that is animated to open and close, depending on it's active state. Click the menu button/x button for a demo.

15_incrementing-counter

50projectsin50days

Following the '50 Projects in 50 Days' Course by Brad Traversy and Florin Pop

blockbuster-or-bust

Movie Review App created with React.js

books-and-genres-app

A menu app allowing a user to create genres and put their favorite books in each

febc_fetwk3codingassignment_bootstrapwebsite

A fake Elder Scrolls Online fansite utilizing Bootstrap

febc_fetwk6_team_crud_austin-atkinson_janell-robisch

Team Coded Goal-Tracker CRUD App

fetweek2codingassignment-css

Styling a website with CSS

fetweek2website-css

Using CSS to Style a website

fictional-university

first-fet-website

Basic website built with only HTML for first front end technologies assignment

interview-questions

This is my base list of interview questions I like to use

nav-login-app

An app with navigation and login components created with ReactJS

postdatarepo

promineo_front_end_bc

pt-week-3-coding

Week 3 Coding Repository for Promineo Tech Front End Bootcamp

reactwk3codingassignment-house-hunt

A CRUD app created with React