A little bit about me
Hi! I'm Krissy - a Front End Developer with a background in Data Science and AI. I'm most passionate about beautiful design , responsible tech , & UX/HX .
GitHub Repo Gallery
Uses GitHub's API to pull data from my GitHub portfolio to create a gallery of repos. Visitors to the site can click on the repos to see more details and a link to the repo.
Skills: Vanilla JavaScript, APIs, Manipulate the DOM, Responsive Design
Tools: Git/GitHub, VS Code, Command Line, Chrome DevTools
Description →
Tools Used: HTML5, CSS3, JavaScript, APIs, Responsive Design
Unplugged Retreat Website
Nature retreat 3-page responsive website developed from a design comp that adapts to mobile, tablet, & desktop screens.
Skills: HTML5, CSS3, Flexbox, Media Queries, Responsive Design
Tools: Git/GitHub, Command Line, Photoshop, VS Code, Chrome DevTools
Description →
Tools Used: HTML5, CSS3, Flexbox, Media Queries, Responsive Design
To Do Notes React App
React interactive app that lets users create notes on their computer to keep track of to-do items. It allows users to create notes, search available notes, and delete notes.
Skills: HTML5, CSS3, ES6, React, React Hooks, JSX, Managing Data Flow, Material-UI, Manipulate the DOM
Tools: Git/GitHub, CodeSandbox, VS Code, NPM/Node for local development, Command Line, Chrome DevTools
Description →
Tools Used: HTML5, CSS3, ES6, React, React Hooks, Material-UI, JSX, Managing Data Flow, Manipulate the DOM
Guess The Word App
Allows players to guess an API retrieved word by entering one letter at a time. Players win If they guess all the letters correctly before they use up their allotted guesses. Users can choose to play again or end the game after each turn.
Skills: HTML5, CSS3, Vanilla JavaScript, Manipulate the DOM, APIs
Tools: Git/GitHub, VS Code, Command Line, Chrome DevTools
Description →
Tools Used: HTML5, CSS3, Vanilla JavaScript, Manipulate the DOM, APIs
Joke Teller App
Uses joke and audio APIs to play a random programmer joke each time the 'Tell me a joke' button is pressed.
Skills: HTML5, CSS3, Vanilla JavaScript, APIs
Tools: Git/GitHub, VS Code, Command Line, Chrome DevTools
Description →
Tools Used: HTML5, CSS3, Vanilla JavaScript, APIs
Omnifood Meal Delivery Website
Healthy food delivery service website that offers custom healthy meal plans developed using visual design principles, responsive design, and well-organized and readable HTML & CSS code.
Skills: HTML5, CSS3, Flexbox, CSS Grid, Responsive Design, Media Queries, Visual Design Principles
Tools: Git/GitHub, Command Line, VS Code, Ionicon, Coolor contrast checker, Caniuse.com, Chrome Developer Tools, Lighthouse for performance analysis
Description →
Tools Used: HTML5, CSS3, Flexbox, CSS Grid, JavaScript, Responsive Design, Media Queries, Visual Design Principles
Natours Nature Tours Website
Nature tours website that offers small group/team nature tours developed using responsive design, HTML, CSS, SASS/SCSS, and JavaScript.
Skills: HTML5, CSS3, Responsive Design & Responsive Images, Media Queries, SASS/SCSS, JavaScript, CSS Animations
Tools: Git/GitHub, Command Line, VS Code, Caniuse.com, Chrome Developer Tools, NPM & NPM Scripts
Description →
Tools Used: HTML5, CSS3, SASS/SCSS, JavaScript, Responsive Design & Responsive Images, Media Queries