jonathanschimpf

React-Portfolio

[React.js] JONATHANSCHIMPF.DEV is my personal front-end web development page that I created with the React.js library. This application was built using component-driven development, and dynamic rendering was utilized to generate recent projects that I've made.

Employee-Directory-ReactJS

[React.js] Dunder Mifflin / Directory is an employee directory application that I built using the React.js library. This directory features a case insensitive live search bar and ascending / descending sorting features. The Office employee data is stored in .JSON format and is being dynamically generated from a single card component.

front-end-capstone-meta-x-coursera

[React.js] "Little Lemon | Authentic Mediterranean Cuisine in Chicago" (Reservation form for a faux restaraunt for the Meta x Coursera professional certificate capstone project)

Tumblr-To-React

[React.js] My Tumblr account, that has served as a personal photo journal for me since 2010, entirely exported and rebuilt in a React setting. Writing Python scripts made extracting the captions possible. I used Infinite scroll to avoid pagination when a user is traveling back in time.

natural-travel-inspiration

[SvelteKit] 'Natural Travel Inspiration' ⛰️ —We all live in cities or suburbs and we work from businesses, offices or work from home. Having manmade structures be the main setting where many of us spend most of our time, exploring natural features is good for us all.

learn-nextjs-dashboard

[Next.js] Dashboard — A course with 16 chapters aiming to take you from the React library to Next.js, the React framework for the web. Used by some of the world's largest companies, Next.js enables you to create high-quality web applications with the power of React components.

Table-Turner

[React.js] A full-stack mobile-first point of service application for modern restaurants that are looking to expedite their order fulfillments and place greater visibility on allergy concerns and special requests from customers.

Trip-Wishlist

A full stack application for anyone who loves to travel and daydreams about their next adventure. Search for cities and receive a curated selection of listings that are specific to hotels, restaurants, and museums.

A-5-Day-Weather-Dashboard

This is a minimalistic weather dashboard design. This application is a single page interface and allows the user to input a city of their chosing and receive current weather information. Upon searching, the city name, date and an icon representation is presented along with current temperature, humidity, wind speed, and UV index information.

berks-and-schuylkill-beekeepers-association

Berks and Schuylkill Beekeepers Association 🐝 (This never got started because the association was busy Beekeeping — i did connect their Facebook page via an <iframe> from Meta For Developers aka 'developers.facebook.com' though 🤣)

jonathanschimpf/learn-nextjs-dashboard

[Next.js] Dashboard — A course with 16 chapters aiming to take you from the React library to Next.js, the React framework for the web. Used by some of the world's largest companies, Next.js enables you to create high-quality web applications with the power of React components.

jonathanschimpf/React-Portfolio

[React.js] JONATHANSCHIMPF.DEV is my personal front-end web development page that I created with the React.js library. This application was built using component-driven development, and dynamic rendering was utilized to generate recent projects that I've made.

jonathanschimpf/natural-travel-inspiration

[SvelteKit] 'Natural Travel Inspiration' ⛰️ —We all live in cities or suburbs and we work from businesses, offices or work from home. Having manmade structures be the main setting where many of us spend most of our time, exploring natural features is good for us all.

jonathanschimpf/berks-and-schuylkill-beekeepers-association

Berks and Schuylkill Beekeepers Association 🐝 (This never got started because the association was busy Beekeeping — i did connect their Facebook page via an <iframe> from Meta For Developers aka 'developers.facebook.com' though 🤣)

jonathanschimpf/Tumblr-To-React

[React.js] My Tumblr account, that has served as a personal photo journal for me since 2010, entirely exported and rebuilt in a React setting. Writing Python scripts made extracting the captions possible. I used Infinite scroll to avoid pagination when a user is traveling back in time.

jonathanschimpf/front-end-capstone-meta-x-coursera

[React.js] "Little Lemon | Authentic Mediterranean Cuisine in Chicago" (Reservation form for a faux restaraunt for the Meta x Coursera professional certificate capstone project)

jonathanschimpf/calculator-react-app-js

"The Simplest Working Calculator" (SERIOUSLY IT'S REALLY SIMPLE)

jonathanschimpf/Table-Turner

[React.js] A full-stack mobile-first point of service application for modern restaurants that are looking to expedite their order fulfillments and place greater visibility on allergy concerns and special requests from customers.

jonathanschimpf/Tasty-Circle

jonathanschimpf/Tasty-Response

A Tasty Response. 👅

jonathanschimpf/Express-Note-Taker

This is another take on a classic application that we all use on a daily basis. A digital notepad. It does exactly what you would imagine it does. You are able to author notes, save them, revisit them at a later time, and delete them when those thoughts aren't needed any longer. This application was built in a node environment and utilizes Express.js for saving and retrieving note information from the database.

jonathanschimpf/Employee-Directory-ReactJS

[React.js] Dunder Mifflin / Directory is an employee directory application that I built using the React.js library. This directory features a case insensitive live search bar and ascending / descending sorting features. The Office employee data is stored in .JSON format and is being dynamically generated from a single card component.

jonathanschimpf/Online.Offline-Progressive-Budget-Application

This progressive web application is an intuitive budgeting tool that allows a user to keep track of their deposits and expenses. These entries are stored in a table format with their provided description and amount, and visualized over time in a date stamped line chart as well (Thanks to Chart.js).

jonathanschimpf/NoSQL-Workout-Tracker

NoSQL Workout Tracker is a full-stack application that allows users to input specifics about their recent workouts and the exercises that they performed during them. Data is stored via MongoDB and visualized through the use of Chart.js.

jonathanschimpf/Trip-Wishlist

A full stack application for anyone who loves to travel and daydreams about their next adventure. Search for cities and receive a curated selection of listings that are specific to hotels, restaurants, and museums.

jonathanschimpf/Taco-Time

Taco Time is a full-stack application example that follows the Model-View-Controller design pattern. This modular application allows for custom user input and upon submission dynamically generates HTML via Handlebars.js templating. Features a custom ORM and a MySQL persistent database.

jonathanschimpf/Employee-Content-Management-System

This command-line application is useful for managing a company database of any size through the use of Node.js, Inquirer npm, and MySQL. A user can view their entire employee roster, view all departments, view all roles, add/remove roles, add/remove departments, add/remove employees, and update existing employee roles.

jonathanschimpf/Team-Profile-Generator

This template engine is a command-line interface application that runs via Node.js & the Inquirer.js npm package. This application will deliver the user a series of questions regarding their team members or department, and their input is dynamically generated into an HTML file that displays those responses.

jonathanschimpf/README-Generator

This command-line application runs via Node.js & Inquirer.js npm package. A user is given a series of questions regarding their project, and their input is dynamically generated into a README file. This is a big time-saver and sets an excellent starter template for the user.

jonathanschimpf/Daily-9-to-5-Planner

A simple daily work day scheduler. This application is a single-page interface and allows a user to enter some notes on an hourly time block. The user can store their events between the hours of 9am-5pm.

jonathanschimpf/Recipe-Roulette

A random recipe generating application that provides results for meals based on search criteria and a bonus cocktail pairing. Overviews of the preparation and ingredients are returned, with direct links to meals.

jonathanschimpf/A-5-Day-Weather-Dashboard

This is a minimalistic weather dashboard design. This application is a single page interface and allows the user to input a city of their chosing and receive current weather information. Upon searching, the city name, date and an icon representation is presented along with current temperature, humidity, wind speed, and UV index information.

jonathanschimpf/Random-Password-Generator

A random password generator that presents the user with a series of questions about the criteria they would like to select. The user can choose any length for their password, ranging from 8 characters to 128 characters. They can also opt to use lower case letters, upper case letters, numbers, and special characters.

jonathanschimpf/Web-Development-Quiz

A multiple-choice quiz on the topic of JavaScript. An individual who takes this quiz is given 90 seconds at the start and is presented with seven questions total.

jonathanschimpf/Code-Refactor-For_Horiseon

For this assignment, I was tasked with changing the existing code of a website to make it more accessible through the use of Semantic HTML5.