Working on updating a past project with React: Tindog app from @scrimba. I used components, conditional rendering and the useEffect hook to help change the data.

#soloproject #webdevelopers #html #css #javascript #buildinpublic #webdevelopment #react #reactdeveloper #scrimba

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

Added React Router with links, hashlinks and params to help navigate my site. Thanks to @bobziroll at @scrimba for the amazing course on it!

#soloproject #webdevelopers #html #css #javascript #javascriptdeveloper #buildinpublic #react #reactdeveloper #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

Web Development 101: Learn HTML, CSS & JS - Limited Time Offer
↓
domestika.sjv.io/c/3161131/1492…

#programação #designergrafico #selectors #shorts #ui #pythondeveloper #coder #software #linux #computer #technology #vbyzin #study #saturday #buildinpublic #scrimba #bootcamp #soloproject

Web Development 101: Learn HTML, CSS & JS - Limited Time Offer
↓
domestika.sjv.io/c/3161131/1492…

#programação #designergrafico #selectors #shorts #ui #pythondeveloper #coder #software #linux #computer #technology #vbyzin #study #saturday #buildinpublic #scrimba #bootcamp #soloproject

Web Development 101: Learn HTML, CSS & JS - Limited Time Offer
↓
domestika.sjv.io/c/3161131/1492…

#programação #designergrafico #selectors #shorts #ui #pythondeveloper #coder #software #linux #computer #technology #vbyzin #study #saturday #buildinpublic #scrimba #bootcamp #soloproject

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

Web Development 101: Learn HTML, CSS & JS - Limited Time Offer
↓
domestika.sjv.io/c/3161131/1492…

#programação #designergrafico #selectors #shorts #ui #pythondeveloper #coder #software #linux #computer #technology #vbyzin #study #saturday #buildinpublic #scrimba #bootcamp #soloproject

Web Development 101: Learn HTML, CSS & JS - Limited Time Offer
↓
domestika.sjv.io/c/3161131/1492…

#programação #designergrafico #selectors #shorts #ui #pythondeveloper #coder #software #linux #computer #technology #vbyzin #study #saturday #buildinpublic #scrimba #bootcamp #soloproject

Web Development 101: Learn HTML, CSS & JS - Limited Time Offer
↓
domestika.sjv.io/c/3161131/1492…

#programação #designergrafico #selectors #shorts #ui #pythondeveloper #coder #software #linux #computer #technology #vbyzin #study #saturday #buildinpublic #scrimba #bootcamp #soloproject

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

Whew! I’ve got 2 babies going through sleep regression (aka, not sleeping) so yesterday was about 5 minutes of coding! Picking up today where I left off on #scrimba making a score board with JS and using Figma as a guide. Excited to build from scratch!! #buildinpublic #webdev

Finished most of refactor of Salesboard app to use React. Links below:

Github: github.com/KeithPetr/Sale…
App: keith-salesboard-react.netlify.app

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

Also learnt the importance of semantic HTML tags like header, main, section and footer. I finally learnt about pseudo selectors in CSS for example :hover, :active and :focus

#buildinpublic #FrontEnd #scrimba #javascript

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

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

Also learnt the importance of semantic HTML tags like header, main, section and footer. I finally learnt about pseudo selectors in CSS for example :hover, :active and :focus

#buildinpublic #womenintech #FrontEnd #scrimba #WomenWhoCode #javascript

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

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

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

I can now call the Unsplash API successfully and with randomized backgrounds of flowers. #flgw #buildinpublic #scrimba #CodeNewbie #TechTwitter #BlackTechTwitter

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

✅I Completed a basketball scoreboard solo project from module 3 of @scrimba JavaScript course & is fully responsive on all screens.
Pushed to GitHub & Netlify 👇🏼
basketball-scoreboard-001.netlify.app

#tweet100 #LearnToCode #buildinpublic #CodeNewbie #scrimba #javascriptdeveloper

I made a unit converter website as a part of @scrimba's JavaScript course

#tweet100 #LearnToCode #buildinpublic #CodeNewbie #scrimba #javascriptdeveloper

I made a chrome extension as a part of @scrimba's JavaScript course

#tweet100 #LearnToCode #buildinpublic #CodeNewbie #scrimba #javascriptdeveloper

I made a password generator website as a part of @scrimba's JavaScript course

Use strong passwords and be safe online

See it in action here 👉 password-generator-sh.netlify.app

#tweet100 #LearnToCode #buildinpublic #CodeNewbie #scrimba #javascriptdeveloper

✅Completed a small implementation of blackjack game from @scrimba's JavaScript course

#tweet100 #LearnToCode #buildinpublic #CodeNewbie #scrimba #javascriptdeveloper

✅Completed basketball scoreboard from @scrimba's JavaScript course

#tweet100 #LearnToCode #buildinpublic #CodeNewbie #scrimba #javascriptdeveloper

✅Completed passenger counter from @scrimba's JavaScript course

#tweet100 #LearnToCode #buildinpublic #CodeNewbie #scrimba #javascriptdeveloper

Day 11 of #100DaysOfCode

Started #scrimba #JavaScriptES6 !!

#100DaysOfCodeChallenge #WebDev #coding #webdevelopment #buildinpublic #learninpublic

Day 12 of #100DaysOfCode

Still on #scrimba #JavaScriptES6 !!
I was told by my mentor @erwinjamescodes that Promises are important :o

#100DaysOfCodeChallenge #WebDev #coding #webdevelopment #buildinpublic #learninpublic

@tealfeed Republish

This week's article covers a #scrimba Livestream event where tech recruiter Molly-May Gallagher helps web developers to optimize their portfolio websites, giving them the best opportunity to get hired!

#webdevelopment #portfolio #buildinpublic #WebsiteDesign

Going to recreate this VanillaJS Pacman Game using React
scrimba.com/playlist/p6wLx…

#buildinpublic #webdevelopment #scrimba #ReactJS

Going to recreate this vanillaJS snake game using React scrimba.com/playlist/pk649…

#buildinpublic #scrimba #ReactJS #webdevelopment

It's done! :) github.com/georgelohcodes…

#buildinpublic #scrimba #ReactJS #webdevelopment

First tweet, going to build a leads tracker chrome extension using React

#buildinpublic #scrimba #ReactJS