Overview

While I was a student at the Nucamp computer programming bootcamp, I created 3 personal portfolio projects for a fictitious bakery and cafe - one each in Bootstrap, React, and React Native. Since graduation, I have been working on several other projects (this site included), which can be found at the bottom of the page. I'm so happy that you're here to see them!

Bootstrap

I began my build in Bootstrap, and I chose to build a website for a fictitious bakery and cafe. I used CSS and SCSS to style the pages and elements within the pages to create a consistent branding theme throughout the site. It was important to me to use elements which we implemented within our classwork including Modals, Carousel and Forms, but also to incorporate elements that we did not use, such as building a Nested Accordion. I was careful to ensure that the website looked beautiful and operated correctly across all breakpoints.

• Created a user-centered UI utilizing the Bootstrap grid to optimize views across all screen sizes
• Accomplished cohesive branding throughout the site using CSS and SCSS
• Implemented elements both that we used in class as well as elements that were new to me including Carousel, Modals, Forms, Cards and Accordion

View the code at Github: https://github.com/jackie-shawley/Bootstrap-BHGF.git

Check out the live site: Be Happily Gluten Free Bakery & Cafe

React

In this React app, I did the following as I rebuilt my Bootstrap website:

• Enhanced UI to make it more interactive using animations
• Implemented elements both that we used in class as well as elements that were new to me including 3D Carousel, Modals, Controlled and Uncontrolled Forms, Cards and Accordion

View the code at Github: https://github.com/jackie-shawley/BHGF-React-Portfolio-Project.git

Check out the live site: Be Happily Gluten Free Bakery & Cafe

React Native

I used React Native to create a mobile app for the same bakery and cafe by doing the following:

• Maintained the branding by implementing the same colors, fonts and accents as in the web apps
• Implemented features like Tabbed Swipe Navigation, Cards, and Custom Dividers

After building this app, I realized that all I did was rebuild the websites in app form, so I plan to redesign it to make it less like the websites and more like an app. I also have had trouble on the Ingredients page, where the boxes don't expand with the dropdown text. I believe that it works properly on iOS, but I haven't found the solution on Android yet. I will keep looking because I really like that page otherwise! I also plan to add a search feature so that a user could search individual ingredients rather than clicking through.

View the code at Github: https://github.com/jackie-shawley/BHGF-React-Native-Portfolio-Project.git

View the screen recording here

Other Projects

Walt & Jackie

I am currently building a website using React for my own musical duo, Walt & Jackie

• Upcoming features include a music page with music players and/or widgets from SoundCloud or Spotify, as well as "Show" page using the BandsInTown API to display Walt & Jackie shows
• Site is not currently optimized for mobile, but that will be my next step
• Deployed with Netlify

This website is styled after the website I had previously built using Wix. Wix offered many solutions (like ecommerce to sell music) which I am finding difficult to replicate, but I will continue to work and add features and pages as they are needed.

View the code at Github: https://github.com/jackie-shawley/walt-and-jackie-website.git

Check out the live site: Walt & Jackie

Jackie Kopco Music

I am currently building a website using React for my musical solo act, Jackie Kopco

This website is still in its total baby stage. I have it in my head that a static background image combined with side navigation will make this site unique, but I am having a bugger of a time making it happen! This website will be loosely styled after the website I had previously built using Wix. Currently, the live site is still a Wix website, so the code here is all that is worth sharing at this time.

View the code at Github: https://github.com/jackie-shawley/jackiekopco-website.git

About

Hi there!

I started building websites many years ago using platforms like Shopify and Wix, and finally decided to take my skills to the next level and learn how to build websites from the ground up. I took the Full Stack computer programming bootcamp at Nucamp, and graduated in September 2021. I loved the fast-paced learning environment of the bootcamp, and I am a life-long student of...well...everything, and I'm excited to keep expanding my knowledge of the languages and frameworks that I already know, as well as learning new ones as I move ahead.

Outside of coding, I am a musician - a singer, a pianist, a guitarist, a ukuleleist, a songwriter and a performer. I love spending time with my husband, Eric, and our border collie, Beagan. I especially love trips to the ocean, and since we live in the mountains, hiking in our local woods. I am a curious and creative person, and I love how that has turned me in the direction of web development.

Thanks so much for taking the to time to learn about me and my work!

~ Jackie

Contact

Jackie Shawley

phone || 814.418.7154

email || jackiekopcoshawley@gmail.com

location || Johnstown, PA

• LinkedIn
• GitHub

Certificates

Elements

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';