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

Next challenge: Use params from React Router to navigate between project pages.

Current repo link: github.com/KeithPetr/My-P…

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

Added React Router to my site. Able to click on projects in portfolio section and display a new project details page.

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

Refactored my website to use React. Components are completed for main page. onClick, boolean, useState manage the hamburger menu.

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

Next issue, make components and links for project pages to showcase them. Using React Router to create those links.

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

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

Next challenge: remove Pokémon being transferred to the party from the box that it was originally stored in. If party is full, replace that Pokémon in the party and return it to the boxes.

#soloproject #html #css #javascript #buildinpublic #webdevelopment #reactdeveloper #github

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

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

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

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 basic layout with CSS. Using data from the @PokeAPI to add the pokemon stats. Current challenge is passing the data through to the correct components.

#soloproject #webdevelopers #html #css #javascriptdeveloper #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

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 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

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

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

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

El fin de semana pasado hice un repaso general a todo escribiendo issues en GitHub.

Después separé entre MVP y Nice to have.

Hoy, la lista dentro de MVP pinta tal que así:

¡Seguimos!

#buildinpublic
#saas
#soloproject
#sideproject