Giter Club home page Giter Club logo

Suzanne Pach's Projects

results-summary-component icon results-summary-component

Results summary component, frontend mentor challenge: https://www.frontendmentor.io/challenges/results-summary-component-CE_K6s0maV

shopping-app-firebase icon shopping-app-firebase

Shopping app made with firebase. Part of the Scrimba Frontend Developer Career Path: https://scrimba.com/learn/frontend

sk-git-l6.5-robot icon sk-git-l6.5-robot

Assignment part of the Skillcrush Git & Github course where I forked and cloned and modified a repository.

sk-git-l9.5-turn_back_time icon sk-git-l9.5-turn_back_time

Practice to troubleshoot in Git and Github. Developed as part of the Skillcrush Git & Github course. (Archived)

sk-html-css-rogue-pickings icon sk-html-css-rogue-pickings

Homepage of a fictional food truck (not responsive). Developed to practice HTML and CSS as part of the Skillcrush HTML&CSS course.

sk-html-css-vision-board icon sk-html-css-vision-board

Vision board (not responsive). Developed to practice HTML and CSS as part of the Skillcrush HTML&CSS course.

sk-jr-l11.4-color-palette-app icon sk-jr-l11.4-color-palette-app

React app created with CodeSandbox as part of the Skillcrush Javascript React course. The aim of this assignment was to practice using container and presentational components. The Color Palette app lets users make a list of their favorite colors. Click on the following link to view the app.

sk-jr-l14.6-sticky-note-app icon sk-jr-l14.6-sticky-note-app

React app created with CodeSandbox as part of the Skillcrush Javascript React course. This is the final project of the course. The Sticky Notes app allows you to create and remove notes and search for content in the notes. It also remebers the notes when the app is closed. This was the final project of the course. In the course the following topics were covered: rendering UI from data, ES6 & JSX, stateful vs. functional components, component lifecycle methods, state management and event handling.

sk-jr-l7.5-hotel-booking-app icon sk-jr-l7.5-hotel-booking-app

React app created with CodeSandbox as part of the Skillcrush Javascript React course. The aim of this assignment was to practice building array data models and writing stateful components. The Hotel Booking app lets users find their favorite hotel by selecting several filters. Click on the following link to view the app.

sk-jr-l9.4-nametag-app icon sk-jr-l9.4-nametag-app

React app created with CodeSandbox as part of the Skillcrush Javascript React course. The aim of this assignment was to practice using functional components, building array data models, writing stateful components, working with user input and using lifecycle methods. The Name Tag Generator app lets users generate and remove name tags.

sk-js-l11.5-sharons-pet-rescue icon sk-js-l11.5-sharons-pet-rescue

A tool that shows which pets are available to meet and play with. Practicing factory functions and looping objects, as part of the Skillcrush Javascript course.

sk-js-l12.6-random-image-generator icon sk-js-l12.6-random-image-generator

When the button is pressed a random image plus the photographer are shown. Developed as part of the Skillcrush Javascript course, practising Javascript and use of API's. Making use of the Lorum Picsum API (https://picsum.photos/).

sk-js-l12.7.2-random-user-generator icon sk-js-l12.7.2-random-user-generator

A random user generator app which let you select either 1, 3 or 5 random users with their name, country and photo. Developed as part of the Skillcrush Javascript course, practising Javascript and use of API's. Making use of the Random User Generator API (https://randomuser.me/).

sk-js-l12.7.3-fieldtrip-registrations icon sk-js-l12.7.3-fieldtrip-registrations

Site that shows which children are registered for an upcoming school trip. Developed as part of the Skillcrush Javascript course, practicing fetching data from a file.

sk-js-l13-guess-the-word icon sk-js-l13-guess-the-word

A game where players have 8 attempts to guess a word. Developed as part of the Skillcrush JavaScript course.

sk-js-l14-github-repo-gallery icon sk-js-l14-github-repo-gallery

The GitHub Repo Gallery pulls data from my GitHub portfolio to create a gallery of repos. Visitors to this site can click on your repos to see more details. Final project of the Skillcrush Javascript course, practicing JavaScript and use of API's.

sk-js-l5.5-purry-fren icon sk-js-l5.5-purry-fren

Tool making a photo of a kitten appear and disappear. Part of the Skillcrush Javascript course practicing event handling with if & else statements.

sk-js-l6.5-vacation-budget-calculator icon sk-js-l6.5-vacation-budget-calculator

A daily vacation budget calculator to see how much money you’ll have every day for food and fun. Part of the Skillcrush JavaiScript course practising functions.

sk-js-l7.4-powered-modal icon sk-js-l7.4-powered-modal

Website that makes a modal appear when a button is pressed and let's is disappear when esc is pressed. Part of the Skillcrush Javascript course practicing keydown and change events.

sk-js-l7.5-subscription-calculator icon sk-js-l7.5-subscription-calculator

A subscription calculator to provide the user with the cost of plans for different subscription types and durations. Part of the Skillcrush Javascript course, practicing keydown and change events.

sk-js-l7.6.2-emoji-creator icon sk-js-l7.6.2-emoji-creator

Tool that shows emojis when number keys are pressed. Part of the Skillcrush JavaScript course, practicing keydown events.

sk-js-l7.6.3-mood-color-tool icon sk-js-l7.6.3-mood-color-tool

A mood color tool which changes color based on the selected mood. Part of the Skillcrush Javascript course, practicing change events.

sk-js-l9.5-potluck-guestlist icon sk-js-l9.5-potluck-guestlist

Tool that let's you add 8 guests and assign a potluck dish to each guest. Part of the Skillcrush Javascript course, practising scope.

sk-rw-l3.6-colors icon sk-rw-l3.6-colors

Practicing media queries by building a website that changes colour depending on screen site. Part of the Skillcrush Coding Responsive Websites course.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.