DEV Community

Francis Ngugi
Francis Ngugi

Posted on

Day 2 of 30

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:

Image description

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

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more