Here is a link to the GitHub: github.com/KeithPetr/Tind…

#soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper #github #reactrouter #scrimba

Finished adding React to my website. Check out the link in the bio section :)

#soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper #github #reactrouter #scrimba

Pokémon Scarlet React project. Able to remove Pokémon from boxes when moved to the party.

#soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper #github #pokeapi

Next challenge: have Pokémon replace other Pokémon in my party when they are moved over to a full party.

#soloproject #webdevelopers #html #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper #github #pokeapi

Able to drag and drop Pokémon into my party and show their stats.

GitHub: github.com/KeithPetr/Poke…

#soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper #github #pokeapi

Able to generate random move sets for my Pokémon Scarlet pause screen project. Next task, move Pokémon from boxes to party.

#soloproject #webdevelopers #html #css #javascriptdeveloper #codingpractices #buildinpublic #webdevelopment #react #reactdeveloper #github #pokeapi

Now can access stats for each Pokémon on click. Next task is getting the correct images and colors for each move.

#soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

Working on re-creating the Pokemon Scarlet pause screen with @reactjs. Screenshot and link below:

github.com/KeithPetr/Poke…

#scrimba #bootcamp #soloproject #webdevelopers #html #css #javascriptdeveloper #codingpractices #buildinpublic #webdevelopment #react #reactdeveloper

Finished Advance React over at @scrimba . Went through how to use context, Router, custom hooks, useEffect and links among other topics.
#scrimba #webdevelopers #html #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #reactdeveloper #react

Refactoring old projects to work with React. This is code from a static page I made when I first started.

#scrimba #bootcamp #soloproject #webdevelopers #html #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

Finished React Router course, Vanlife app @scrimba using @Firebase for storing and retrieving data.
#scrimba #bootcamp #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

Finally finished my portfolio website.

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

Please feel free to send critiques. I am always looking to improve :)
The GitHub: github.com/KeithPetr/My-P…
The Site: keith-portfolio-site.netlify.app
#soloproject #webdevelopers #html #css #javascript #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

The links to the project:

GitHub: github.com/KeithPetr/My-P…
The app: keith-portfolio-site.netlify.app

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

Finished basic layout for my portfolio main page and project pages.

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

Finished the Quizzical App.

The App: lnkd.in/g2AbMDph
The GitHub: lnkd.in/g3xjShDg

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

Been a while since I've posted, but still working hard. Working on a Scrimba solo project called Quizzical.

#scrimba #bootcamp #soloproject #webdevelopers #html #css #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

GitHub link for the Travel Journal:

github.com/KeithPetr/Trav…

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

Created a small static page using React components and props.

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment #react #reactdeveloper

Here is a gif of the app. You will need your own API key to use in the GitHub code.

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

I just completed a Color Scheme Generator Project.

The app: beautiful-rugelach-b8141a.netlify.app

The GitHub: github.com/KeithPetr/Colo…

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

Here is the gif for the Employee Directory:

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

Finished a JS project featuring a searchable data base of employees. I have posted the links below:

The app: fancy-pony-92aaac.netlify.app
The GitHub: github.com/KeithPetr/Empl…
#scrimba #soloproject #webdevelopers #html #css #javascript #codingpractices #buildinpublic #webdevelopment

Here are the links:
The app: bright-cranachan-e7ac25.netlify.app
The GitHub: github.com/KeithPetr/Tind…
#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

Finally finished a project using more advanced JavaScript. The project recreates the Tinder app.
#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

Here is a screenshot of the page:

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

Here are the links to the project so far:

The App: splendorous-caramel-203ff7.netlify.app
The GitHub: github.com/KeithPetr/Hike…

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

Currently I am working on trying to make a responsive HikeFinder website. Responsive design has been a real struggle.

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

Here is a gif of the Invoice Creator in action:

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

Links for Invoice Creator:

The app: incandescent-sable-ab852d.netlify.app
The GitHub: github.com/KeithPetr/Invo…

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

Finished an Invoice Creator project. The biggest challenge was getting the correct item to remove when I clicked on it's 'remove' button.

#scrimba #bootcamp #soloproject #webdevelopers #html #css #javascript #codingpractices #motivation #buildinpublic #webdevelopment

Links for Chore List:

The app: fantastic-selkie-7aeb1c.netlify.app
The GitHub: github.com/KeithPetr/Chor…

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #codingpractices #motivation #buildinpublic #webdevelopment

Finished a Chore List solo project. Biggest challenge, finding a way to identify each individual chore item so that it could be removed on it's own.

#scrimba #bootcamp #soloproject #webdevelopers #html #css #javascript #codingpractices #motivation #buildinpublic #webdevelopment

The app in action:

#javascript #codingpractices #motivation #buildinpublic #scrimba #html #css #webdevelopment

Just finished a Salesboard project. Biggest challenge was using localStorage. Links below:

App: soft-marshmallow-f773ee.netlify.app
GitHub: github.com/KeithPetr/Sale…

#javascript #codingpractices #motivation #buildinpublic #scrimba #html #css #webdevelopment

Finished my Learning Journal project. It focused on making webpages responsive to the size of the device's screen using HTML, CSS, and JS.

#javascript #codingpractices #motivation #buildinpublic #scrimba #html #css #webdevelopment

Here are the links for a Pager app:
Netlify: coruscating-crumble-939bf5.netlify.app
GitHub: github.com/KeithPetr/Pager
#javascript #codingpractices #motivation #buildinpublic #scrimba #html #css #webdevelopment

Just finished two basic projects to try and reinforce some HTML, CSS, and JS skills. Here are the links for a Quote page:
Netlify: comfy-cajeta-c70619.netlify.app
GitHub: github.com/KeithPetr/Insp…
#javascript #codingpractices #motivation #buildinpublic #scrimba #html #css #webdevelopment

I am hitting some roadblocks on getting the JavaScript to work on the 'View More' button though. The layout for the home page is finished and responsive to different screen sizes.

#javascript #codingpractices #motivation #buildinpublic #scrimba #html #css #webdevelopment

Currently working on Module 6 of the #Scrimba Frontend career path. The solo project involves creating a Learning Journal site with a blog and 'About You' page to navigate to.

#javascript #codingpractices #motivation #buildinpublic #scrimba #html #css #webdevelopment

It also allows you to remove the selected item form the order as well as keeping a running total of the price. Links to the project below:

The app: delicate-cobbler-4c5740.netlify.app
The GitHub: github.com/KeithPetr/Orde…

#javascript #codingpractices #motivation #buildinpublic #scrimba

Finished Module 3 of the #scrimba career path last night. Completed the Unit Converter solo project I added a light/dark mode button as a stretch goal. I will be working on Module 4, Essential CSS concepts today.
#javascript #codingpractices #motivation #buildinpublic

Today I will be getting started on creating a Twitter clone through Moduel 5 of the Scrimba Front-End career path and working towards creating a restaurant ordering app.

#javascript #codingpractices #motivation #buildinpublic #scrimba

From Module 4 of the Scrimba Front-End career path, I was able to complete the Oldagram solo project. I used HTML, CSS and JS to render an Instagram clone of a few posts.

#javascript #codingpractices #motivation #buildinpublic #scrimba

Finally got my @golang bookstore struct and crud operators working!

#codingpractices #softwaredeveloper #100daysofcode #buildinpublic