KevCare

Building startup sand castles in a fable watery economic landscape of South Africa.
|| An ALX SWE graduate program soldier 🪖🫡

[KevCare @CodingKevCare]

Day 1 of #100DaysOfCode in C...

Started off on a bad note... But we move.

Made a promise to @OusmaneSangary2 that we will do this together for the next 100 days and I am going to start and plan it all out.

Let's do this.

[Ousmane @OusmaneSangary2]

#100DaysOfCode, DAY 1. Anyone can join us in any language of their choice. Please retweet this tweet for more people to join us.

[Elon Musk @elonmusk]

Starship rocket booster caught by tower

[Elon Musk @elonmusk]

The tower has caught the rocket!!

[KevCare @CodingKevCare]

Day 39 - 41 of #100DaysOfCode

We have learned about useEffect hook for the past 3 days... Though slow but worth the deep read up as it is more complex than useState..

We will now engage in practice to be solid on it.

Days have been slower and fatigue taking places as well.

[KevCare @CodingKevCare]

Day 36 - 38 of #100DaysOfCode

Days and weekends of abusing the API to build a UI around it...

The learning is mostly around creating components within components to enhance the UI and add more features of the app

And yes I don't care about UI that much for now 😅

[M I X O @4otune]

It’s getting closer #GKHack24

[KevCare @CodingKevCare]

Day 36 - 38 of #100DaysOfCode

Days and weekends of abusing the API to build a UI around it...

The learning is mostly around creating components within components to enhance the UI and add more features of the app

And yes I don't care about UI that much for now 😅

[KevCare @CodingKevCare]

Day 33 - 35 of #100DaysOfCode

What we learned:
-Creating components within components and fetching new API data on the other component.

-Surprisingly: State management in terms of variable and data fetching and displaying it on the UI... The other 2 components clarified this

[KevCare @CodingKevCare]

Day 33 - 35 of #100DaysOfCode

What we learned:
-Creating components within components and fetching new API data on the other component.

-Surprisingly: State management in terms of variable and data fetching and displaying it on the UI... The other 2 components clarified this

[KevCare @CodingKevCare]

Day 31 - 32 of #100DaysOfCode

Past 2 days have been about abusing the API key and rendering whatever I get out of it and styling it properly to make it look good..

Mostly worked on the CSS 😓 and I'm realising that I am going to need a UI/UX designer when I work on projects 😕

[G E E K U L C H A 🇿🇦 @Geekulcha]

Applications for our annual Geekulcha Hackathon are NOW OPEN! 🎉

Whether you join us online or in person, it’s time to hack for a brighter future. Let’s build something amazing together! 💻✨

Don’t miss out – secure your spot now!

🔗👉 https://t.co/cctr0QQlEG

#GKHack24

[KevCare @CodingKevCare]

Day 31 - 32 of #100DaysOfCode

Past 2 days have been about abusing the API key and rendering whatever I get out of it and styling it properly to make it look good..

Mostly worked on the CSS 😓 and I'm realising that I am going to need a UI/UX designer when I work on projects 😕

[KevCare @CodingKevCare]

Day 30 of #100DaysOfCode

Project Update:
- The Search bar is fully fetching data from the API..
- We created a component that displays the fetched data as a list and shows them on the screen... This is called rendering 😅

Basically: my search bar now shows the words unlike b4

[KevCare @CodingKevCare]

Day 30 of #100DaysOfCode

Project Update:
- The Search bar is fully fetching data from the API..
- We created a component that displays the fetched data as a list and shows them on the screen... This is called rendering 😅

Basically: my search bar now shows the words unlike b4

[KevCare @CodingKevCare]

Day 29 of #100DaysOfCode

In my project
I'm trying to search for food like pasta from my search bar and in the background the food data must be fetched and be displayed.

The useEffect hook helps us with that:
- It's a hook that allows us to do side effects like fetching data.

[KevCare @CodingKevCare]

Day 29 of #100DaysOfCode

In my project
I'm trying to search for food like pasta from my search bar and in the background the food data must be fetched and be displayed.

The useEffect hook helps us with that:
- It's a hook that allows us to do side effects like fetching data.

[KevCare @CodingKevCare]

Day 27 - 28 of #100DaysOfCode

Got the idea of how Hooks work and it's project time to solidify the understanding...

Starting with useEffect: a hook that performs side effects like fetching data... meaning we have to look into APIs.

Played with Postman for APIs before project

[KevCare @CodingKevCare]

Day 27 - 28 of #100DaysOfCode

Got the idea of how Hooks work and it's project time to solidify the understanding...

Starting with useEffect: a hook that performs side effects like fetching data... meaning we have to look into APIs.

Played with Postman for APIs before project

[KevCare @CodingKevCare]

Day 26 of #100DaysOfCode

We got into the world of React Hooks... Understanding the different types of hooks and what their use cases are...

Didn't have much learning during the day due to the AWS Summit but we were about start with the project to understand.

[KevCare @CodingKevCare]

Day 26 of #100DaysOfCode

We got into the world of React Hooks... Understanding the different types of hooks and what their use cases are...

Didn't have much learning during the day due to the AWS Summit but we were about start with the project to understand.

[KevCare @CodingKevCare]

https://t.co/deAqalhnev

[KevCare @CodingKevCare]

https://t.co/deAqalhnev

[KevCare @CodingKevCare]

Day 22 - 23 of #100DaysOfCode

It's application time:
Currently creating a to-do list

Handling events, buttons and input fields..

Had to learn a lot of different CSS Styling in React 🙄

Liked it though cause it's a bit different

Still working on the delete button component

[KevCare @CodingKevCare]

Day 24 - 25 of #100DaysOfCode

We're back!

Did some finishing touches on the Todo List:
-Feature: Delete functions
-Feature: line-through function and CSS module...

The delete functions got more complicated as the parameters and the state had to move around

[KevCare @CodingKevCare]

Day 22 - 23 of #100DaysOfCode

It's application time:
Currently creating a to-do list

Handling events, buttons and input fields..

Had to learn a lot of different CSS Styling in React 🙄

Liked it though cause it's a bit different

Still working on the delete button component

[KevCare @CodingKevCare]

Day 18 - 21 of #100DaysOfCode

4 days of rigorous learning 😏
Solidified My:
-States Knowledge
-Expanded more on Rendering
-Hooks
-React Event Handling
-Input field handling

My understanding of this library is coming together... I'm starting to enjoy this thing...

[KevCare @CodingKevCare]

Day 18 - 21 of #100DaysOfCode

4 days of rigorous learning 😏
Solidified My:
-States Knowledge
-Expanded more on Rendering
-Hooks
-React Event Handling
-Input field handling

My understanding of this library is coming together... I'm starting to enjoy this thing...

[KevCare @CodingKevCare]

Day 17 of #100DaysOfCode

We got into *Rendering Components* and the types of rendering... slowly getting it.

Then dived into *Events and event Handling*... JS revision with a twist of using components instead of functions.

Now States 🙆🏾‍♂️
Memory variables within a component 🤔

[KevCare @CodingKevCare]

Day 17 of #100DaysOfCode

We got into *Rendering Components* and the types of rendering... slowly getting it.

Then dived into *Events and event Handling*... JS revision with a twist of using components instead of functions.

Now States 🙆🏾‍♂️
Memory variables within a component 🤔

[KevCare @CodingKevCare]

Day 16 of #100DaysOfCode

Back at it!

We dived deeper into:
-React Properties and their types
-Got into destructuring and default props

Now we touched down into Rendering:

-Components and JSX
-Conditional rendering
-Re-rendering

React is not pap n vleis but there's light

[KevCare @CodingKevCare]

Day 16 of #100DaysOfCode

Back at it!

We dived deeper into:
-React Properties and their types
-Got into destructuring and default props

Now we touched down into Rendering:

-Components and JSX
-Conditional rendering
-Re-rendering

React is not pap n vleis but there's light

[KevCare @CodingKevCare]

Day 15 of #100DaysOfCode

Today we expanded on components and their types...

Looked into props
Looked into JSX

Coming from the Python background it was easier to do importing of modules and expanding on the skeleton of the topic at large.

[KevCare @CodingKevCare]

Day 15 of #100DaysOfCode

Today we expanded on components and their types...

Looked into props
Looked into JSX

Coming from the Python background it was easier to do importing of modules and expanding on the skeleton of the topic at large.

[KevCare @CodingKevCare]

@BlackJSenior Yeah I did find out the hard way lol... The documentation doesn't mention anything about it... Took me a while but I eventually got it right 😅

[KevCare @CodingKevCare]

Day 12 - 14 of #100DaysOfCode

1stly NodeJs showed me flames 😭
Horrible start

But I've learned this:
-Node & it's NPM run React
-React comes as a package: (Create-React-App)
- CRA Folder Structure
- A component called App & Div Root are the spine of React

Painful start

[KevCare @CodingKevCare]

Day 11 of #100DaysOfCode

Finally done with Async functions! Spend over 13 hours 😩🙆🏾‍♂️

The aim was to learn how to send and receive APIs and Https requests.

Learned about XMLHttpRequest, Fetch API and Axios.

Even did a project to solidify my learning...

Road to React.