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

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

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

#100DaysOfCode
Day 02:

💻DSA - Didn't do dsa , Studied for python exam end sem which is tomorrow

💻Web Dev - completed a javascript DOM project ( Dice Game )

💻 2nd PR merged for GSSOC'23 (level 1)

#development #javascriptdeveloper #dsa #buildinpublic #GSSOC23

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

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

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

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

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

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

✅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

Your side project doesn't have to be the alternative

Pick something simple.

Build it. Ship it.

Everything else is procrastination.

#webdevelopment #coding #sideproject #startups #buildinpublic #100DaysOfCode #javascriptdeveloper #programmingisfun #codenewbie #devcommunity

If you're stuck coding and want a break without feeling bad for doing nothing, fix your promises! ".then().catch()" is too outdated for a developer of 2022.
Here an example:
#software #javascriptdeveloper #buildinpublic

As soon as the clock hits 12AM, I can feel my productivity increasing 😂.

#webdeveloper #productivity #codes #javascriptdeveloper #buildinpublic

Saw this design on frontendmentor.io and i tried to replicate the UI using React. live demo :elated-volhard-f944bd.netlify.app
What do you think?

#uidesign #React #javascriptdeveloper #programmingisfun #buildinpublic #codingisfun #100DaysOfCode #CodeNewbies

Day 41

Making a project:

WazirX Profit calculator 🔥

✅ Build HTML UI

✅ code it in JavaScript

❎ working on DOM & EJS

#100DaysOfCode #100daysofcodechallenge #GitHub #WebSummit #html #css #javascriptdeveloper #code #buildinpublic #crypto #wazirx @WazirXIndia

How to prevent multiple re-renders in react js using memoization.

#reactjs #coding #frontend #code #DEVCommunity #buildinpublic #dev #devlife #FrontEndDeveloper #javascriptdeveloper #React

First video posted! Excited about this project! Follow me on the journey to getting 1k subscribers in one year!
#buildinpublic #100DaysOfCode #CodeNewbie #codinglife #javascript #javascriptdeveloper

youtube.com/watch?v=HoaEyo…

20+ Web Projects with Vanilla Javascript by @traversymedia seems incredible. 🔥

Going to start this as part of my #100DaysOfCode in JS.

#100DaysofJavaScript #buildinpublic #learninpublic #javascript #JavaScriptDeveloper

vanillawebprojects.com

I got my first web development client! 💪🏾🤝 we meet next Tuesday! So excited! Thank you Jesus! #100DaysOfCode #buildinpublic #webdevelopment #techtwitter #HTML #CSS3 #JavaScriptDeveloper