DEV Community: Francis Ngugi

New Cert Earned!

Francis Ngugi — Tue, 06 Aug 2024 05:24:22 +0000

All I can say is that I am proud to be continuing my journey no matter how hard it gets.

Day 7 of 30

Francis Ngugi — Tue, 18 Jun 2024 14:05:56 +0000

So for today I reading related to Hacking and did some React.JS learning.

       **<u>What I did in TryHackMe</u>**

-So I read about SMB and how it works and How to enumerate service running on SMB and how to exploit it.

       **<u>What I learnt on React.JS</u>**

-For today I did a simple project that focused on the Admin role on a quiz app where the admin could add a qsn, delete a qsn and Change the answer of the qsn and all of the qsns were to be fetched in a db.json mock server:
i)The code: https://github.com/FrancisNgigi05/react-hooks-fetch-crud-lab

-After the project I did some learning on Client-side routing and did a small project:

i)The learning part code: https://github.com/FrancisNgigi05/react-hooks-react-router-code-along

ii) The small project I did to practice what I had learnt: https://github.com/FrancisNgigi05/react-hooks-react-router-routes-lab

Day 6 of 30... Was to be posted yesterday

Francis Ngugi — Tue, 18 Jun 2024 06:30:16 +0000

So this is was the day where I focused and completed a simple transaction table project:

The requirements of the project were as follows

Core Deliverables
As a user, I can:

See a table of all transactions.
Fill out and submit the form to add a new transaction. This should add the new transaction to the table * the new transaction does not have to be persisted to the backend *
Filter transactions by typing into the search bar. Only transactions with a description matching the search term should be shown in the transactions table.
Bonus Deliverables
These bonus deliverables are here if you want an extra challenge and won't affect your score. Make sure to commit your work to save your progress before attempting the bonus deliverables!

As a user, I should be able to:

Sort transactions alphabetically by category or description.
Delete a transaction which will remove it from the table

Gladly all the required functionalities were met and I really learnt a lot from doing this project.

The code: https://github.com/FrancisNgigi05/Bank-Of-Flatiron

Also managed to complete the Nmap room in TryHackMe and refreshed my knowledge on how to use Wireshark

Day 4 of 30... Current day

Francis Ngugi — Sun, 16 Jun 2024 17:53:36 +0000

-So the Transactions project that I was to do is halfway done still some functionalities to be applied but all will be good.
-And also Finalizing reading Nmap and ready to start reminding myself how to use Wireshark.

DAY 3 OF 30... Also Forgot to post this blog

Francis Ngugi — Sun, 16 Jun 2024 17:50:03 +0000

This day was the day I planned a Transaction Project where The transactions were to be fetched from a mock server and did a set up of the project.

Day 2 of 30... Forgot to post the blog

Francis Ngugi — Sun, 16 Jun 2024 17:46:45 +0000

On the 2nd day of the challenge, I learned how to use the useEffect hook and fetch data from a mock server and display it on the DOM which was quite tricky to get the hang of but I am still managing to learn more of React.JS.

What I did on that day:
i) Made a quiz app where useEffect was used to add a timer functionality for each qsn:

The code: https://github.com/FrancisNgigi05/react-hooks-use-effect-lab

ii) Used useEffect to fetch data from a mock server API:

The code: https://github.com/FrancisNgigi05/react-hooks-simple-data-fetching-lab

It's been a long time since I posted but I am back. The challenge restarts. Day 1 of 30

Francis Ngugi — Thu, 13 Jun 2024 15:14:49 +0000

So today I covered some React.JS and refreshed my mind on the concepts I learned with a small project. It was not easy, but I learned a lot and got a better understanding of react and how the front end works. And also I managed to do some reading of my past hacking notes since it has been a long time since I did sth related to hacking on TryHackMe.

What did I do for today?
i) A small react project covering useState, lists, Form, Inverse data Flow, and Information flow:

GitHub link: https://github.com/FrancisNgigi05/react-hooks-state-events-mini-project
Deployment link: https://react-hooks-state-events-mini-project-kdpdmi0dz.vercel.app/

ii) Read about networking and the use of some networking tools and also the refreshed my knowledge of Using Nmap, learned all this in TryHackMe.

Day 5 of 30

Francis Ngugi — Tue, 04 Jun 2024 16:24:05 +0000

This is one of those days I was very overwhelmed and decided I needed to set one thing straight and come up with a friendly schedule I actually got a nice schedule from Monica AI:

Phase 1 (Weeks 1-3):

Focus on learning React.js fundamentals, building various React projects, and becoming proficient in React.

Phase 2 (Weeks 4-6):

Shift your focus to learning Flask, build a few Flask projects, and work on integrating your React and Flask skills to create full-stack web applications.

Phase 3 (Weeks 7-10):

Once you have a good grasp of React and Flask, and can build functional full-stack projects, then start learning data structures and algorithms.
Allocate time to practice DS&A concepts and solve coding challenges.

Phase 4 (Weeks 11-14):

Introduce the TryHackMe platform and start learning about cybersecurity and ethical hacking.
Spend time working through TryHackMe modules and challenges, ensuring you maintain a strong ethical and legal approach.

But I also managed to learn some new concepts but I will post them tomorrow together with more stuff I will be learning next

Day 4 of 30

Francis Ngugi — Tue, 04 Jun 2024 09:07:44 +0000

Yesterday was the day I was learning about. *Thinking in React *and I kind of did not finish reading it, it was one of those days I felt too lazy to do anything but today I am energetic and ready to move forward

Day 3 of 30

Francis Ngugi — Mon, 03 Jun 2024 04:29:37 +0000

This is what I did on the previous day and just forgot to post.

But so far it has been good and I am slowly picking up on React nicely

So for Yesterday, this is what I did:

Event Handling in React: https://github.com/FrancisNgigi05/react-hooks-event-handling-lab

React State and Events: https://github.com/FrancisNgigi05/react-hooks-state-and-events-codealong

React State and Arrays: https://github.com/FrancisNgigi05/react-hooks-state-arrays

A small project covering the above topics:
(i)Source Code: https://github.com/FrancisNgigi05/react-hooks-state-and-events-lab
(ii)Vercel Deployment link: https://react-hooks-state-and-events-lab-eight.vercel.app/

Day 2 of 30

Francis Ngugi — Sat, 01 Jun 2024 16:24:41 +0000

So for today, I didn't cover a lot but still learned some frontend concepts... I am still trying to get into the habit of having a consistent time for studying and trying to wrap my head around, Whether I should learn React(Frontend Dev), Flask(BackendDev), and EthicalHacking(TryHackMe)

So for today, this is what I learned:

List and Keys: https://github.com/FrancisNgigi05/react-hooks-lists-and-keys-lab

Did a small project that combined what I learned yesterday and today and deployed it on vercel:
(i)Vercel: https://react-hooks-component-props-mini-project-dun.vercel.app/

(ii)The Source Code: https://github.com/FrancisNgigi05/react-hooks-component-props-mini-project

The most interesting thing that I learned today was about doing the project that had this Bonus requirement:

**If the article takes less than 30 minutes to read:

For every 5 minutes (rounded up to the nearest 5), display a coffee cup emoji. For example, if the article takes 3 minutes to read, you should display "☕️ 3 min read". If the article takes 7 minutes, you should display "☕️☕️ 7 min read".
If the article takes 30 minutes or longer to read:

For every 10 minutes (rounded up to the nearest 10), display a bento box emoji. For example, if the article takes 35 minutes to read, you should display "🍱🍱🍱🍱 35 min read". If the article takes 61 minutes to read, you should display "🍱🍱🍱🍱🍱🍱🍱 61 min read".
**

And to solve that requirement I wrote the following code:

Anybody with suggestions for: *I am still trying to get into the habit of having a consistent time for studying and trying to wrap my head around, Whether I should learn React(Frontend Dev), Flask(BackendDev), and EthicalHacking(TryHackMe)
*

Day 1 of 30

Francis Ngugi — Fri, 31 May 2024 16:17:44 +0000

So for today I covered only React and got tired and I am starting to overcome slowly the fear of using React since I have never been a fun of React(frontend dev).

Learnt information with their github links:

Writing JSX: https://github.com/FrancisNgigi05/react-hooks-jsx-lab

Props Basics:https://github.com/FrancisNgigi05/react-hooks-props-basics-lab

Props Destructuring and Default Values: https://github.com/FrancisNgigi05/react-hooks-props-destructuring

React Components: https://github.com/FrancisNgigi05/react-hooks-components-basics-lab

Organizing code with import/export: https://github.com/FrancisNgigi05/react-hooks-import-export-lab

Challenges faced today was learning: Props Destructuring(Destructuring nested objects)