Hello, I'm Julie. I am a Full-Stack Web Developer and Designer focused on building beautiful and functional user interfaces.

I'm based in Chicago, Illinois. Let's connect and get building!

Developer Skills

Languages and Frameworks

Javascript

HTML

CSS

React

Redux

Git

Github

Node

PostgreSQL

Express

Sequelize

VScode

See what I am currently learning on GitHub

Design Skills

Tools and Frameworks

Photoshop

Illustrator

Premiere Pro

Bootstrap

Bulma

Soft Skills

Problem-Solving

Leadership

Attention to Detail

Communication

Time management

Adaptability

Design + Development + Management Experience.

My strengths converge where design, development, and people meet. I would love to hear from you if you are looking for a Full-Stack Web Developer, Designer, and Project manager. Let's build something incredible together!

See more details in Projects

Rodrigo Ruiz Software Engineer @ JP Morgan

Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae numquam eaque explicabo illum non. Dolorum consequuntur quo neque, ab libero quae voluptate. Eos quia incidunt corrupti modi, iusto temporibus nihil!

Alexis Tamayo Web Developer @ Starbucks

Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia maiores beatae asperiores aliquam doloribus cupiditate accusamus. Doloribus vel quod animi placeat, vitae nobis maiores! Voluptatem at ipsum odit quae a.

See more recommendations on LinkedIn

My Journey to Web Developent

Ever since I was a kid, I've been interested in creating. My journey into Web Development started with my interest in drawing, and then I got into digital photography, which led me to graphic design. I love all these mediums of creativity, but I wanted to learn how to do more than create the pictures on the page. I wanted to develop the functionalities, the layouts, and more. That's what lead me to DigitalCrafts.

Changing careers was a scary step, but I'm so glad I did. I am excited to start a new career in a field I am passionate about. I'm seeking opportunities to showcase my skills and ambitions to succeed while working in a team where I can feel pride.

Now that we've met, let's connect and get creating!

Graphic showing a Devloper in a Coffee shop

Project 1 • pUpdate

Your partner in pet parenthood. The pUpdate app provides an activity dashboard that lets you keep tabs on your dog’s exercise, vet appointments, records, feeding, and more — all in one convenient space! pUpdate allows a busy family to stay on the same page in the best interest of their pup.

Built with React + HTML + CSS + Node.js + Express + Postgres +

This project utilizes React.js to dynamically display information on the page as the user adds new items to their dog's activity feed. Ternary statements create a tabbed view of all pets belonging to one user. pUpdate includes the use of PostgreSQL to develop relational databases.

Built by Julie Kitzer

pUpdate is a solo project created to showcase my Fullstack Development Skills, emphasizing React.js. The app was assigned as the capstone project in my Web Development Bootcamp at DigitalCrafts. I had a timeline of two weeks to conceptualize and create the final product.

Project Features.

User Login and Form Validation
The app allows users to create an account and set up a profile for each of their dogs.

Create Activites and Care Forms
Users can create activity posts through an "Add activity" modal that adds activities chronologically in the user's dashboard. The user can access each pet's history of actions in a tab designated to each pet to monitor their four-legged friends' health, wellness, and happiness. The initial user creates the pet profile and can invite other users as additional caretakers to the same pet profile. Thus, allowing for collaboration in dog care! 🎉 Additionally, users can create a shareable care plan PDF to pet sitters.

What I've learned.

I've learned so much in creating this project. It allowed me to get a good handle on passing props and changing states. An issue I ran into was naming variables too similarly; while it didn't affect the code, it slowed me down when trying to debug. On the front end side, I implemented tabs for the first time using ternary statements to show the active tab when clicked. One thing that helped me out a lot was the conceptualizing and planning process. Through my previous projects, I've learned how vital it is to go in with a strategy —— not a plan that lives in your head but one that is written down. I think my planning process made creating this app the smoothest experience I've had so far.

Project 2 • PokéDecks

PokéDecks is a functional Pokédex that allows the user to access the first 905 Pokémon and their information and add them to a deck to build their very own Pokémon team.

Image of PokéDecks Site displaying a Pokedex on grass background

Built with HTML + CSS + JavaScript + JSON

PokéDecks functionality comes from combining two APIs: PokéAPI and Pokémon TCG API.

Built by Julie Kitzer

PokéDecks was a solo project created in a five day sprint. The purpose of this project was to showcase my ability to make API calls, practice use of DOM manipulation and prove my front end design capabilities.

Project Features.

Provides All Pokémon Info
PokéDecks includes all Pokémon information such as name, type, variant, stats, description, and images. There are multiple buttons that each generate a call to display this various information to the user.

Radomized Card Art
Each time the user adds a card to their deck, the API call will randomly generate one of the trading cards from the Pokémon trading card game; it's a surprise every time!

Image of Pokedecks app on desktop screen

What I Learned.

In creating PokéDecks, I had a lot of information to get on the page. This project was excellent practice for me in using query selectors to pull data from the APIs and assign them to the correct buttons. I learned how to get one API to call another and work synchronously with each other. This project involved heavy CSS as the entire Pokédex object is numerous styled divs, this was undoubtedly a challenge, but I think the outcome was worth it.

Project 3 • Concentration

Concentration is a puzzle-based game where the user makes matches on the board to reveal a rebus puzzle. The user will be given a prompt on each card match that includes an opportunity to guess the riddle hidden behind the cards.

Built with Javascript + HTML + CSS

Concentration's gameplay comes from the TV Game Show "Classic Concentration". The game is based on the children's card game called Memory. It aired on and off from 1958 to 1991.

Built by Julie

Concentration was my first project ever built. It is a solo project that I created in a seven-day sprint. The project aimed to display basic concepts of Javascript, such as event listeners, functions, loops, and DOM manipulation.

Project Features.

This project features heavy CSS and set time-outs to simulate animations on card flips.

I created each unique puzzle using Photoshop.

Modal popups prompt the user to guess the puzzle after a match is made. Once the riddle behind the cards is correctly guessed, another modal generates, revealing the puzzle image and your game stats.

What I Learned

In creating Concentration, I ran into the problem of figuring out how to simulate animation with only knowing basic Javascript, HTML, and CSS. I learned how to utilize timeouts and CSS tricks to create an animation.

juliekitzer@gmail.com

Designed and Built with HTML, CSS, JavaScript and Bulma, by Julie Kitzer

Hello, I'm Julie. I am a Full-Stack Web Developer and Designer focused on building beautiful and functional user interfaces.

I'm based in Chicago, Illinois. Let's connect and get building!

Developer Skills

Languages and Frameworks

Javascript

HTML

CSS

React

Redux

Git

Github

Node

PostgreSQL

Express

Sequelize

VScode

Design Skills

Tools and Frameworks

Photoshop

Illustrator

Premiere Pro

Bootstrap

Bulma

Soft Skills

Problem-Solving

Leadership

Attention to Detail

Communication

Time management

Adaptability

Design + Development + Management Experience.

My strengths converge where design, development, and people meet. I would love to hear from you if you are looking for a Full-Stack Web Developer, Designer, and Project manager. Let's build something incredible together!

My Journey to Web Developent

Project 1 • pUpdate

Project Features.

User Login and Form Validation The app allows users to create an account and set up a profile for each of their dogs.

What I've learned.

Project 2 • PokéDecks

PokéDecks is a functional Pokédex that allows the user to access the first 905 Pokémon and their information and add them to a deck to build their very own Pokémon team.

Project Features.

Provides All Pokémon Info PokéDecks includes all Pokémon information such as name, type, variant, stats, description, and images. There are multiple buttons that each generate a call to display this various information to the user.

Radomized Card Art Each time the user adds a card to their deck, the API call will randomly generate one of the trading cards from the Pokémon trading card game; it's a surprise every time!

What I Learned.

Project 3 • Concentration

Concentration is a puzzle-based game where the user makes matches on the board to reveal a rebus puzzle. The user will be given a prompt on each card match that includes an opportunity to guess the riddle hidden behind the cards.

Project Features.

What I Learned

In creating Concentration, I ran into the problem of figuring out how to simulate animation with only knowing basic Javascript, HTML, and CSS. I learned how to utilize timeouts and CSS tricks to create an animation.

Let's Connect!

Dropping a line to say hello, ask for my resume or see if we can build something amazing together? I'd love to hear from you! Please utilize the contact form below to email me directly, otherwise feel free to reach out to me on LinkedIn or GitHub. I look forward to meeting you!

Email Me.

User Login and Form Validation
The app allows users to create an account and set up a profile for each of their dogs.

Provides All Pokémon Info
PokéDecks includes all Pokémon information such as name, type, variant, stats, description, and images. There are multiple buttons that each generate a call to display this various information to the user.

Radomized Card Art
Each time the user adds a card to their deck, the API call will randomly generate one of the trading cards from the Pokémon trading card game; it's a surprise every time!

Dropping a line to say hello, ask for my resume or see if we can build something amazing together? I'd love to hear from you!

Please utilize the contact form below to email me directly, otherwise feel free to reach out to me on LinkedIn or GitHub. I look forward to meeting you!