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

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

Finally finished my portfolio website.

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #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

Completed a static Travel Journal page using React. Used .map(), props, and destructuring to complete the project.

#scrimba #bootcamp #soloproject #webdevelopers #html #html5 #css #javascript #javascriptdeveloper #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

Finished a Youtube Search Project. The goal of the project is to use the Youtube data API to access different channel IDs search for videos.

#scrimba #bootcamp #soloproject #webdevelopers #html #javascript #javascriptdeveloper #coding #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