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

Finally after 4 days of continuous work. The Kanban Project has come to an end.

Just 2 things remaining -
👉 Dark Mode
👉 Drag and Drop
Will share an updated version soon.
#buildinpublic #react

💻 Days 12-14 | Round 2 of #100DaysofCode:
-Learned about rendering lists and local mutation in React
-Also solved some DSA questions
-Dedicated some time to college minor project
📚 Resources used: react.dev
#React #DSA #learninpublic #buildinpublic #leetcode

👩‍💻List of job portals
#interview #Interviews #javascript #React #html5 #css #100DaysOfCode #codinglife #Coding #CODE #NATO #frontend #TheErasTour #snow #web #webdeveloper #webdevelopment #Web3 #bbcpresenter #developer #development #buildinpublic #Ukraine #jobsearch #jobseekers

If you’re interested in #webdevelopment 🎯🎯learn:
1. #HTML And #css
Build your personal portfolio site.
2. Learn #javascript.
Build “tic tac toe”.
3. Learn #React + #Node
#buildinpublic #webdevelopment #DataScientist #Python #javascript #java #100daysofcode #Web3 #techtwitter

Day 8/100 of #100DaysOfCode
Learned about API calls and some other react hooks
Also made this project for applying my knowledge
Will try to add more features tomorrow
btw any suggestion is appreciated :)

#webdeveloper #React #buildinpublic

How to create Bootstrap Nav Tabs HTML CSS Custom Design | HTML CSS Boots... youtu.be/yaNyS9vziUY via @YouTube

#buildinpublic #techtwitter #100Devs #catchupcrew #UI #DailyUI #UIdesign #MarketingDigital #MarketingStrategy #blog #DevOps #mern #react #node #javascript #mongodb

Happy Monday!

Kicking off my week with Spring Boot✨ and building a ⌨️Typing Speed Checker in JavaScript 🫶.
What are you up to? 🤔

#Coding #Productivity #javascript #html #css #100DaysOfCode #webdev #buildinpublic #devlog #java #React #DevLife #MondayMotivation #MondayVibes

Kanban Project Update 2 -

Added some features -
.Added feature to change board
. View task details
. Mark subtask completed
#buildinpublic #react #webdev

And here it is... the basic view/edit game functionality for the backlog manager I've been working on using next.js.

The key is using both the onChange and onBlur events.

Thank you all for your suggestions:

#buildinpublic #react

Excited to share that I'm working on my first web app project that helps you find your ideal travel destination based on your preferred weather. 🌍☀️ Currently seeking feedback on the UI design. Any tips on typography would be greatly appreciated! #buildinpublic #react #frontend

Stuck with running a #graphql mutate query with #zod and #react-hook-form on #nextjs. Checking my code against tens of tutorials i found on google but still can't figure out what i am missing. #buildinpublic

Here are some more questions I was asked
#interviews #react #javascript #HTML #CSS2022 #Oppenheimer #developers #CODE #codinglife #coding #markzukerberg #buildinpublic #100DaysOfCode #100daysofcoding #threads #softwaredevelopment #webdevelopment #Web3 #leetcode #Ghost #KULLU #web

Time to get started learning #React! After enjoying the JS course by @jonasschmedtman I decided to get his Ultimate React Course.

Let's go!
Day 27 of #100DaysOfCode #buildinpublic

Devs awake ??
#react #javascript #buildinpublic

I will convert PSD to HTML xd to HTML figma to HTML sketch to HTML fiverr.com/s/2aZ5K8

#buildinpublic #100DaysOfCode #react #redux #javascript #martech #OmnekyInsights #AI #Analytics #DataScience #AI #IoT #IIoT #PyTorch #Python #RStats #TensorFlow #Java #JavaScript #ReactJS

The games list for the game backlog manager I'm currently working on is starting to take shape.

I'm using Daisy UI and next.js for the frontend:

#buildinpublic #react

Will HTMX replace #React & other frontend frameworks 😲

#buildinpublic #indiehackers

💻Day 11 | R2 of #100DaysofCode:
-Learned about Conditionally rendering, Passing JSX as children
-Additionally, I dedicated time to solving recursion questions
📚Resources Used: react.dev
#React #DSA #learninpublic #buildinpublic #leetcode

✨Role: #FrontEndDeveloper
➡️Take home assignment
#interview #interviews #react #javascript #HTML #CSS2022 #Oppenheimer #developers #CODE #codinglife #coding #markzukerberg #buildinpublic #100DaysOfCode #100daysofcoding #threads #iu #softwaredevelopment #webdevelopment #Web3

Today, I learned about React Hooks...⚛️

- useState
- UseEffact

✓learned conditional based rendering of components.
√ A todo list
√ A Form
√ Hiding and showing data based on some conditions.

using these two Hooks.

#React #learning #buildinpublic #hooks

A couple of days ago I gave a React lecture on Startup Summer 23 in
@paralect. See u guys in a year with my the next tweet 🎇 #buildinpublic #React
youtube.com/watch?v=Memr_B…

Added this new Inbox Section, I will make a few more features before moving forward. Work a little on the backend as well
Code is "Open Source" in my Github.
#react #reactnative #expo #buildinpublic #buildinginpublic

Day 26/100
EngineeringCollegeFinder.com
Added rank input
Added "CS & allied branches"
Sorted colleges acc to cutoff rank
Follow @khanthecoder
.
#100DaysOfCode #100daysofcodechallenge #buildinpublic #techtwitter #react #mysql #javascript #developers #learninpublic #Feedback #SaaS

Slider animation and a few additional stuffs added.
React Native Reanimated
Code is "Open Source" in my Github.
#react #reactnative #expo #buildinpublic #buildinginpublic

✨Role: Frontend developer
➡️Online #Interview
#interviews #FrontEndDeveloper #react #javascript #HTML #CSS2022 #developers #CODE #codinglife #coding #buildinpublic #100DaysOfCode #100daysofcoding #threads #softwaredevelopment #webdevelopment #Bangalore #TereBin #Meta #webdev

New day, new Twitter alternative to join..

Let's connect 🤝

#buildinpublic #react

✨Role: UI developer
➡️Online #interview
#interviews #FrontEndDeveloper #react #javascript #HTML #CSS2022 #developers #CODE #codinglife #coding #buildinpublic #100DaysOfCode #100daysofcoding #threads #softwaredevelopment #SalaarTeaser #webdevelopment #PrashanthNeel #InterviewTips

I don't understand why is there `barcelona` in these variables

(from Threads app)

#react #buildinpublic

Do follow for more such resources.
Let's connect 🚀 and build 💪 together.
#build #buildinpublic #development #React #packages
#FrontEnd #development #FrontEndDeveloper

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

✨Role - React #developer
➡️Online #interview
#interviews #FrontEndDeveloper #react #javascript #HTML #CSS2022 #developers #CODE #codinglife #coding #buildinpublic #100DaysOfCode #100daysofcoding #SoftwareDeveloper #softwaredevelopment #webdevelopment #confirmed #webdeveloper

I will do html landing page psd, xd, sketch, figma to html convert fiverr.com/s/z6XBRb

#laravel #laravellive #laravelliveahmedabad #meetup #ahmedabad #MachineLearning #Overview #buildinpublic #buildinginpublic #javascript #React #Nextjs #TensorFlow #AI #AINews #sqltrain #js

Been offline for a few days but just finished the register and sign in routes for the web application that I'm building. Now onto the next task: figuring out AI and NLPs 💪

but first, I have to make some mockups in @figma
#buildinpublic #react #figma

Shoutout to @Netlify for their incredible developer experience 🔥

While waiting for @ElysifyUI to deploy, I noticed they have a game to keep me entertained 🤸

#buildinpublic #indiehackers #react #startups

‼️ Here's how to retrieve a form's data in javascript:

1. Create a FormData object.

2. Use its get method passing the value of the name attribute for every entry in the form.

It's useful for debugging values using a browser's javascript console.

#buildinpublic #react

So after a few hours of #code cleaning and refactoring i managed to get the components library playing ball with the #react #application correctly.
Next up is to start work on the oauth connection between the app and my previously created #identity server.
#buildinpublic

Just when you thought everything tested working on localhost and it should be ready for production:

#eslint #Nextjs #React #buildinpublic

Use frameworks like React and Angular to simplify the process of building complex web applications. They provide pre-built components and libraries for common tasks. 🕸️ #React #Angular #webapplications #100DaysOfCode #buildinpublic

So how many people in the #buildinpublic community made it into Bluesky so far?

#indiehackers #startups #SaaS #react

I'm working on a game backlog manager using next.js.

Here's the design for the Add Game modal/page.

What are your thoughts?

As a gamer, would those fields suffice?

Are there any other fields you may be interested in
(i.e. platform, purchase date)?

#buildinpublic #react

💻Day 5-7 | R2 of #100DaysofCode:
-Learned about forwarding props with the JSX spread syntax,Conditionally returning JSX
-Additionally, I dedicated time to solving ArrayList questions
📚Resources Used: react.dev
#React #DSA #learninpublic #buildinpublic #leetcode

Love how #TwitterDown when I'm introducing my upcoming project..

but anw, say hi to Elysify ✨

A themes platform for your #react projects, as your projects deserve to be as stunning as u 🔥

Oh & don't be shy.. follow here @ElysifyUI 😉

#materialui #buildinpublic #indiehackers

P'tit radio field avec un motion assez sympa, plutôt cool à faire !

#buildinpublic #React #javascript

Would you purchase a .com or .io domain for a site offering a tech product for companies and devs?

#buildinpublic #indiehackers #startups #react

I've finally found the perfect name for my project, and I'm about to purchase the domain 🤩

Things are about to get real!! 🔥

#buildinpublic #indiehackers #startups #react

New day, new #react theme... 🥁

Introducing theme Dimensions 🎲

Looks better in dark or light mode? 🤔

#buildinpublic #materialui #indiehackers

Home -> Portfolio

#graphic #graphicdesign #designer #uiux #ui #ux #uiuxdesign #buildinpublic #indiedev #marketing #design #designinspiration #webdev #react #reactjs #vite #tailwind

Footer → Portfolio

#graphic #graphicdesign #designer #uiux #ui #ux #uiuxdesign #buildinpublic #indiedev #marketing #design #designinspiration #webdev #react #reactjs #vite #tailwind

Best React Native resources?

Good experience with React and want to work on making posturefix.io a native mobile app.

#reactnative #react #buildinpublic

Subscribe to my @youtube channel
Skills: HTML5 CSS3 jQuery Bootstrap Javascript

#buildinpublic #WeekendVibes #weekend #weekendmood #weekendfun #programmer #TechInvest #IoT #Blockchain #AI #coder #angular #react #developer #techtwitter #html #css #java

youtube.com/@raselcoder

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

Angular or react?? Made a short about, how I choose between them

#buildinpublic #coder #angular #react #developer #techtwitter

youtube.com/shorts/LdvGrjh…

Just created a fan site for The Beatles to brush up on my React and Tailwind CSS skills!

Link: beatles-fan-site.vercel.app
GitHub Link: github.com/swapn652/Beatl…

#100DaysOfCode #webdevelopment #buildinpublic #React #CSS #100daysofcoding

🎀 Introducing Theme Ewa 🎀

Just finished bulding this pink and purple #react theme 🩷💜 Colours picked by Twitter's most innocent person @EwaNikodem 😇

Do you prefer the dark or light version? (see comment 🧵👇)

#materialui #buildinpublic #indiehackers

Navigation & Hero → Portfolio

"TBH, this part is not that important as actual portfolio pages"

#graphic #graphicdesign #designer #uiux #ui #ux #uiuxdesign #buildinpublic #indiedev #marketing #design #designinspiration #webdev #react #reactjs #vite #tailwind

"Portfolio website"

It's really hard to change the old code.
Because it's a pure mess.

#graphic #graphicdesign #designer #uiux #ui #ux #uiuxdesign #buildinpublic #indiedev #marketing #design #designinspiration #webdev #react #reactjs #vite #tailwind

💻Day 3-4| R2 of #100DaysofCode:
-Learned about JSX convertors, Specifying a default value for a prop, and Passing JSX as children...
-Additionally, I dedicated time to solving DSA questions.
📑Resources Used: react.dev
#React #DSA #learninpublic #buildinpublic

❗Question for all devs out there:

Have you used the IndexedDB API to store data in the browser?

Any thoughts? Concerns? Recommendations?

#buildinpublic #100DaysOfCode #react

Building this #react theme next 👀

What shall I call it? 🤔
One-word name suggestions please 🙏

#materialui #buildinpublic #indiehackers

✨ Introducing theme Constantin ✨

Inspired by @constantout's fave styles and colours 🍑☘️

Available soon for any #react dev via my upcoming #buildinpublic project 👨‍💻

#materialui #indiehackers

Don't be afraid of taking a detour while working on a project.

Take time to code tiny projects that will help you understand a framework or API.

These sub projects will help you implement solutions that will eventually be part of your main project.

#buildinpublic #react

Weird night 🌙 intense #coding session the #ui #library in #react #storybook #yarn #monorepo using #tailwindcss while listenting to @BLACKPINK on @YouTube

Getting closer to my soft release. And will be announcing a few openings in #business #operations, #marketing, #development, #design, #writing, #production and #sales.
Follow me for more information.
#seo #digital #ui #react #dotnet #csharp #python #data #sql #buildinpublic #api

Check out my Gig on Fiverr: convert PSD to HTML xd to HTML figma to HTML sketch to HTML fiverr.com/s/3LAqlL

#buildinpublic #ASUSIndia #Windows11 #Windows #OLEDlaptops #ASUS #softwareengineer #javascript #react #Vivobook #WordPress #MichiganOnline #techtwitter #html #css #js

whattoplant™ update:
Bugs! but i am excited as i am gaining alot of progress on actual logic implementation now that i am past UI portion, implementing filter logic from scratch was BAD decision. #buildinpublic #indiehackers #React #whattoplant

Day 25/100
EngineeringCollegeFinder.com
Added logo and locked Category dropdown for visitors. Sign in to unlock.
Follow @khanthecoder
.
#100DaysOfCode #100daysofcodechallenge #buildinpublic #techtwitter #react #mysql #javascript #developers #learninpublic #Feedback #SaaS

I made an online video editor using #react and #ffmpeg! It's free to use, no sign-up and exports videos up to 4k!

#buildinpublic #coding #react #tiktok #videoediting #marketing

I made an online video editor using #react and #ffmpeg! It's free to use, no sign-up and exports videos up to 4k!

#buildinpublic #coding #react #tiktok #videoediting #marketing

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

Just crashed hard to this #NextJs error "i18n support is not compatible with next export".
Who would have known that nextjs SSG doesn't have i18n support...

Well, its time for some usual hacking it seems

#javascript #react #buildinpublic twitter.com/i/web/status/1…

whattoplant™ update: working on integrating filters with card content, will be shipping once the barebone functionalities are done. planning to further down to specific species or houseplant. feedbacks are appreciated :) #buildinpublic #indiehacker #indiedev #React

Learned one hell of a lot about shaders this weekend, long overdue.

This should enable me to move most of my ideas out of static PNGs and into the shader world, which is crucial for the UI part of my site experience

#threejs #buildinpublic #react #r3f

Day 24/100
engineeringcollegefinder.com
Deployed version 2, with places, null filter, and an About section <3 #100DaysOfCode #100daysofcodechallenge #buildinpublic #techtwitter #react #mysql #javascript #developers #learninpublic #Feedback #SaaS

Day 24/100
EngineeringCollegeFinder.com
.
#100DaysOfCode #100daysofcodechallenge #buildinpublic #techtwitter #react #mysql #javascript #developers #learninpublic #Feedback #SaaS

Implement Google Analytics 4 in React JS via React Snap. Let's see if it's gonna show the correct results or not!
#reactnative #react #reactjs #mongodb #mernstack #buildinpublic

My side-project went semi-viral on #reddit in r/webdev.

Weird that your post is being flagged as spam or hitting 100 upvotes in an hour is 50/50 on Reddit:D

#buildinpublic #coding #programming #Marketing #react #python #webdevelopment #webdev

What's your favorite component you've used or created in Material UI with React? Share your experiences and let's elevate our apps together! 🎊🎉 #React #BuildInPublic #SampleComponents #LoveForCode

I started programming to build an ecommerce store to sell Art and this is the one step forward, I created this GameShow to learn how to use Redux Store.
Live app - csb-lrdcw6.vercel.app

#React #FrontEnd #buildinpublic #buildinginpublic

Happy Friday #indiehackers ! 🤸

Just wanted to let you know that you all are awesome, and also show you the #react theme I made yesterday.

What should I call it? 🤔

#materialui #buildinpublic #startups #SaaS

Check out the new blog of my series that explains various React hooks.
#React #javascript #buildinpublic #technicalresources
swapn652.hashnode.dev/the-art-of-rea…

How to make HTML CSS Template with Bootstrap off canvas menu- HTML CSS Boo... youtu.be/cO455Z8SAjc via @YouTube

#cloud #cybersecurity #CIO #CISO #Empowerment #SelfDirection #buildinpublic #WordPress #javascript #es6 #shorthands #developer #React #GatsbyJS #html #css #java

I will convert psd, xd, figma, sketch to html css bootstrap fiverr.com/s/8VkvPo

#Programming #Coding #100DaysofCode #Commercial #News #cybersecurity #SpiderOak #buildinpublic #Containers #Kubernetes #DevOps #nextjs #react #mongodb #tennis #news #javascript #AltCoins #VC #js

Day 23/100
engineeringcollegefinder.com
TTL: 1hr
Deployed with data, filters and other functionalities. Need to add an About & Contact section #100DaysOfCode #100daysofcodechallenge #buildinpublic #techtwitter #react #mysql #javascript #developers #learninpublic #Feedback #SaaS

Day 12 of #100DaysOfCode , I did some lil code , then I went through @MaterialUI docs and I found gold 😮. Their documentation is great and it helped me in lot of things. #buildinpublic #react #CODE .

will be sticking with redux-toolkit for a while. no boilerplate. #buildinpublic #indiehackers #react

4️⃣ Components and Code examples in React for startups:
💡 Calling all startup enthusiasts! If you want to explore React components and code examples that will boost your budding business, hit that like button! I'll share the demo video with you all. 🎦👌 #React #BuildInPublic

The Design Studio website is almost ready.

#graphic #graphicdesign #designer #uiux #ui #ux #uiuxdesign #buildinpublic #indiedev #marketing #design #designinspiration #webdev #react #reactjs #vite #tailwind

I will do html landing page psd, xd, sketch, figma to html convert fiverr.com/s/v7LLZe

#html #css #javascript #react #redux #firebase #tuesdayvibe #TuesdayFeeling #tuesdaymotivations #Tuesday #DeveloperLife #CodingHumor #buildinpublic #ai #workshop #phdlife #machinelearning

Day 22/100 Deployed! 🥳 There a few bugs and missing pieces, but couldn't delay it anymore as KCET results are already out. #100DaysOfCode #100daysofcodechallenge #buildinpublic #techtwitter #react #mysql #javascript #developers #learninpublic #Feedback #SaaS

Fully Functional Robot 🤖 Using #javascript ...

#100DaysOfCode #reactjs #React #js #CSS #html5 #buildinpublic #BuildIsInspiration #peoplewho #100daysofcodechallenge #100daysofcoding #programming #webdevelopment #Web3

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

Bootstrap 5 Offcavas menu Home section video background HTML CSS and Boo... youtu.be/8VxVDfR6o_Q via @YouTube

#datascientists #devs #100DaysOfCode #buildinpublic #tuesdayvibe #Tuesday #TuesdayFeeling #tuesdaymotivations #WordPress #CodeDaily #HTML #CSS #react #firebase #js

I will convert PSD to HTML xd to HTML figma to HTML sketch to HTML fiverr.com/s/e5vyoE

#buildinpublic #student #university #indiedev #dnd5e #ghostfiregaming #arora #100DaysOfCode #developers #React #Nextjs #webdevelopment #javascript #cssart #webdevelopment #nextjs #react

I will convert PSD to HTML xd to HTML figma to HTML sketch to HTML fiverr.com/s/e5vyoE

#buildinpublic #student #university #indiedev #dnd5e #ghostfiregaming #arora #100DaysOfCode #developers #React #Nextjs #webdevelopment #javascript #cssart #webdevelopment #nextjs #react