teleren/devto huggingface dataset:
The Everyday Life of an HNG Intern; Isaac Ojerumu’s Story
Tags: beginners, programming, react, career
Published: 2022-12-23 10:13:27

**Task 4**
Task 4 turned out to be a continuation of task 3. Interns remained in their groups and the tasks remained to build their products, collectively. **Team Axle's** task remained to build **The Engineering 360**-I introduced this in the previous episode. Teammates carried out more detailed work in a bid to make the project a successful one.
The technology that was employed at the front-end in building the product was **React**; a free and open-source front-end  JavaScript library for building user interfaces based on UI components -**Wikipedia**. The back-end chose to adopt the use of **PHP Laravel**; an open-source PHP framework that plays the role of a web development source, as they saw it as more favorable in building the project.
In the course of building The Engineering 360, the Back-end Track got to collaborate with **Team Github** to fulfill their task.
**Axle's** Back-end Track comprised 17 programmers and each was awarded a task which they were to build individually, all in the spirit of teamwork. Isaac's task was to build the Register End-point which was responsible for the verification and authentication of new users of the product. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ixb3vjgunirfj8zf5tsf.jpg)
After carrying out his task, Isaac pushed his code to **Team Github** for his team lead to merge with that of others.
Team members that proved to be effective progressed to the next stage.

Dear reader, thank you for sticking with me on this journey. I hope that this episode and the series as a whole have been insightful, educative, and inspiring. See you on the next page.
Please, let's get in touch on Medium; **Zini Zada**, and Twitter; **Zada_Zini**

Link to the next episode: https://dev.to/zadazini/the-everyday-life-of-an-hng-intern-isaac-ojerumus-story-2pnm
Rebuilding My Home on the Web - Update #3: Ship It!
Published: 2023-01-29 18:20:13

---
title: Rebuilding My Home on the Web - Update #3: Ship It!
published: true
date: 2022-12-23 10:00:00 UTC
tags: 
canonical_url: https://brenden.codes/rebuilding-my-home-on-the-web-update-3
---

This post is part of a series. You can view the other posts here: 
- [Original Post](https://brenden.codes/rebuilding-my-home-on-the-web)
- [Update #1](https://brenden.codes/rebuildingupdate-1)
- [Update #2](https://brenden.codes/rebuilding-my-home-on-the-web-update-2)
- **Update #3 (You Are Here)**
- [Update #4](https://brenden.codes/rebuilding-my-home-on-the-web-update-4)


Last week I hit the point where I felt pretty happy with where things stood, so I shipped the new version of the site to my primary domain! I let it run for a week and then decided to check it in PageSpeed Insights to gauge how successful I was with the changes. 

Previously, this is where the page was sitting. Not super great perf wise.
![PageSpeed scores for old version of page: performance: 56, Accessibility: 96, Best Practices: 92, SEO: 100](https://a.storyblok.com/f/104216/891x463/4064cdfa8a/update-3-before.png)

And now with the new version its doing much better. A small bump in the A11y score to bring that to 100, and an even larger jump on performance. I attribute this mainly to not using the particle background anymore, but nevertheless I'm calling this a win!
![PageSpeed scores for new version of page: performance: 100, Accessibility: 100, Best Practices: 92, SEO: 100](https://a.storyblok.com/f/104216/936x457/27497850ed/update-3-after.png)

There are a couple small tweaks I may make here and there, but for now I'm calling this done and starting prep for the next website - my resume.
Message loop
Tags: chromium
Published: 2022-12-23 09:59:51

**Event loop** or we can say it Message loop. in chromium it call message loop.

When main process run, chromium started infinity loop. running message direct never stop.

As we know javascript is single process. but they has lot of async event like http network event click & set time out function. async is way go for it.

When main process is blocking, user feel website not work status.

Different event type in different team, same event time only belong same team.
Typescript WTF Moments 10: The Special Case: T[] extends B[]
Tags: javascript, programming, typescript, webdev
Published: 2022-12-23 09:58:37

---
series: Typescript WTF Moments 
---

observe the below example:

```ts
type A = boolean;
type B = string; 
type C<T extends B> = {
    
}
type D<T extends B|A> = T extends B ? C<T> : never
type E<T extends B|A> = [T] extends [B] ? C<T> : never
type F<T extends B|A> = T[] extends B[] ? C<T> : never // ERROR !!!!
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oc12vye6g04d4c2w588p.png)

[playground](https://www.typescriptlang.org/play?#code/C4TwDgpgBAglC8UBGB7FAbCBDAdgbgChRIoAhBKAZ2ACcBLHAczyiPGgGEAeAFSggAewCDgAmlMgD4KAbwJQFrAL5sSAEV78hI8WQA+MaYj6DhYieQD8Ubj2kAuKDggA3CDVXQAoptM6LBkZQANo8ALpaZrrBpBHWtg5Oru6eUABivtrm+oYUPMERftmkBVDxvInObjRQAPS1UF4ASk0A8k1QAITdnQRAA)

It errors, and errors in a place that you don't expect

the error message:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79rhadn2ixkur79sye11.png)

Now normally when we `extends` something don't expect, it will narrow down the type, eg: 
```ts
type A<T extends string, number> = T extends string ? T : never
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3ry8x97k2ugwhkmrczoi.png)


in the above code, the highlighted `T` is narrowed down to `string`

And as you can see, this is not the case with `T[] extends B[]`

**Now what if I tell you I lied? The error of `T[] extends B[]` is work as expected, what is not expected is `[T] extends [B]`**

with `T[] extends B[]` the compiler will not narrow the type like how it narrow down `T extends B`

But `[T] extends [B]` is a special case in the compiler, compiler will narrow down `[T] extends [B]` like `T extends B`, which is why `[T] extends [B]` does not error

The error of `T[] extends B[]` is expected because `T[] extends B[]` suppose to narrow down `T[]` not `T`.

tips: another thing is both `T[] extends B[]` and `[T] extends [B]` both do not distribute
Steps to become a great software developer
Tags: softwaredev, webdev, beginners, programming
Published: 2022-12-23 09:17:51

There are several steps that you can take to become a great software developer:

1. Learn a programming language: To become a software developer, you need to have a strong foundation in a programming language. There are many programming languages to choose from, such as Python, Java, C++, and C#. Choose a language that interests you and start learning.

2. Practice coding: The best way to become proficient in a programming language is to practice coding. Work on small projects on your own, or join online coding communities where you can collaborate with other developers and work on larger projects.

3. Learn computer science fundamentals: While learning a specific programming language is important, it is also important to understand the fundamental concepts of computer science. This includes topics such as data structures, algorithms, and computer systems.

4. Stay up to date with new technologies: The field of software development is constantly evolving, with new technologies and frameworks being developed all the time. Stay up to date with these developments by reading industry blogs, attending tech conferences, and taking online courses.

5. Build a portfolio: As you gain experience and improve your skills, start building a portfolio of your work. This can include small projects that you have completed on your own, as well as larger projects that you have worked on as part of a team. A strong portfolio will help you stand out to potential employers.

6. Seek out opportunities for mentorship: Find a mentor or seek out opportunities to work with more experienced developers. A mentor can help guide you as you develop your skills and provide valuable insights and guidance.

7. Be open to feedback: As you continue to grow and develop as a software developer, be open to feedback from your peers, mentors, and potential employers. This feedback can help you identify areas for improvement and help you become a better developer.

follow on [twitter](https://twitter.com/SimonAyo4)
Tech in 2100
Tags: robots, 2100, technology2100
Published: 2022-12-23 09:03:25

Technology in 2100 is likely to be significantly advanced compared to what we have today. It is difficult to predict exactly what technological innovations and advancements will be made in the next 80 years, but it is safe to assume that we will see a continuation of the rapid pace of technological change that we have experienced in recent decades.

One potential area of technological development in 2100 could be in the field of artificial intelligence (AI). AI has already made significant strides in recent years, with the development of machine learning algorithms and natural language processing capabilities. In the future, it is likely that AI will become even more advanced, with the potential to perform tasks that are currently beyond the capabilities of humans. This could include tasks such as advanced data analysis, decision making, and problem solving.

Another area of technological development in 2100 could be in the field of robotics. Robots have already begun to play a larger role in various industries, including manufacturing, healthcare, and transportation. In the future, it is likely that we will see the development of more advanced robots that are capable of performing a wider range of tasks, and that can work alongside humans in various settings.

Virtual and augmented reality technology is also likely to continue to advance in the coming decades. Currently, virtual reality technology is used primarily for entertainment purposes, but in the future it could be used for a wider range of applications, such as training, education, and remote work. Augmented reality, which involves overlaying digital information onto the real world, has already been used in a variety of industries, including healthcare, military, and retail. It is likely that we will see even more widespread adoption of this technology in the future.

Overall, technology in 2100 is likely to be far more advanced and integrated into our daily lives than it is today. It is difficult to predict exactly what technological innovations and advancements we will see, but it is clear that technology will continue to play a significant role in shaping the world of the future.

follow on [twitter](https://twitter.com/SimonAyo4)
Five Useful Git and GitHub Tips and Tricks!
Tags: git, github, programming, opensource
Published: 2022-12-23 09:00:49

The aim of this blog is to introduce you to Five Tip and Tricks that will level up how you use Git and GitHub in your daily dev life.


## **Amend a commit message**

Made a mistake to the commit message?

You can simply amend it rather than resetting.


![Amend a commit message](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vgi0e0s34v8vnb5g6mc6.png)


## **Save changes for later**

Use the `stash` command if you have changes you are not ready to commit yet. 

It simply removes your changes from your current working directory and saves them for later use without committing it to your repository.


![save changes for later](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ts08yey60iiblrn62t4n.png)

## **Forgot the last branch name?**

If you forgot the last branch name you were working on, then don't worry this command will take you back to the last branch you were working on.


![Forgot the last branch name?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wqku21b5k5gkm1hu9wa0.png)



## **Who is the author?**


Working on a code and have questions? Have a hard time understanding its author?

Use this command to know the author and the timestamp.


![who is the author](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/135uouahk3pjtobj534f.png)


## **Count your commits**

Want to know how many commits you've made so far in the project?

Use this command


![Count your commit](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gt0z7cwb7lbwoj5rhyqv.png)


This blog is inspired by one of our Twitter threads that we post on our Twitter account. There are many threads like this; you should [check them out](https://twitter.com/amplication).


{% embed https://twitter.com/amplication/status/1546826492025380866?s=20&t=j08NXONO_zDRC6yp-LlUWg %}
I created a Christmas Landing page to send anonymous Greetings.. !
Tags: socialmedia, sideprojects, discuss, staticwebapps
Published: 2022-12-23 08:26:00

Hi Community,

Christmas is almost here, So I decided to make a little app to allow the community members to anonymously share Christmas Greetings with each other.

Just enter your Name, Email, Your Christmas Message, and you response will be recorded.
On 25th December, your responses will be randomly shared with other people's inboxes, and a random other person's response will be forwarded to your email (the same email you entered in the form).

[Check it out on Producthunt](https://www.producthunt.com/posts/merry-christmas-producthunt)
Neurodrine - Brain Booster Benefits, Reviews, Uses And Results?
Tags: webdev, javascript, beginners, programming
Published: 2022-12-23 08:18:32

[Neurodrine](url) Sorry to say, it's really an urban chimera. Although hundreds of famous people have stated these exact words, or words quite similar, the will be that we use 100% of our Brain Power Supplement consistently. That includes encountering this report, including you.
[](https://www.outlookindia.com/outlook-spotlight/-alert-2022-neurodrine-nootropic-supplement-customer-feedback-and-result-must-read-before-order-news-239762)
>>Click Here To Get Special Offers Today Visit Official Website<<
https://www.outlookindia.com/outlook-spotlight/tea-burn-review-oral-weight-loss-formula-effective-or-waste-of-money-news-237273 
https://www.outlookindia.com/outlook-spotlight/alpilean-reviews-updated-2022-weight-loss-formula-dark-side-you-must-need-to-know-news-237283 
https://www.indiaforums.com/forum/topic/5313942 
https://lexcliq.com/neurodrine-brain-booster-solution-benefits-price-and-review/
https://melaninterest.com/pin/neurodrine-brain-booster-solution-benefits-price-and-review/
https://ydsaknbda.podbean.com/
https://soundcloud.com/neurodrine-91110120/neurodrinebrainbooster
https://www.pinterest.com/pin/1098878377806257882/
https://www.instagram.com/neurodrinefact/
https://www.scoop.it/topic/neurodrine-price
https://twitter.com/neurodrineinfo1
https://www.launchora.com/story/neurodrine-brain-booster-reviews-uses-results
https://tautaruna.nra.lv/forums/tema/49156-neurodrine-brain-booster-solution-benefits-price-and-review/
How to get a transcript from dote Kerala?
Published: 2022-12-23 07:57:05

A transcript is evidence of education.
Instead of mark sheets or temporary certifications, many foreign colleges prefer brand-name transcript credentials.
Prepare a list of the essentials before your international trip and leave the other non-educational documents at home.

Ratings and the overall number of points earned for each subject are included in a transcript, which is a more detailed report than just a mark sheet.
Most academic institutions insist on an enclosed transcript of Indian students' academic records. Only those students are required to use them.


DOTE means Directorate of Technical Education.
There are so many technical institutions under the governance of DOTE Kerala.
Which comprises 12 engineering colleges, 51 polytechnical colleges, 39 technical institutions, 3 fine arts colleges, 17 commercial institutes, 150 self-financing Engineering Colleges, and 42 tailoring & garment making centers.
It will take some time to get a [DOTE Kerala transcript](https://strobetranscript.com/
).

In this article, I will explain how to get a DOTE Kerala transcript.

You need some documents for applying DOTE Kerala transcript.

1. You have to submit the front and back sides of your diploma certificate.

2. You have to submit all your mark sheets including if there are any failed or re-attempts.

3. You must submit your ID proof for verification.

4. if there is any academic request form you have to submit it.

So these are the documents that you have to submit to get a transcript from DOTE Kerala.

It will take up to 20-30 working days to issue the DOTE Kerala transcript.

This transcript is useful for those who are aspiring to higher education in foreign countries like the UK, Canada, the US, Australia, etc.

Pieces of information included in a transcript provided by DOTE Kerala

1. Full Name of the Student

2. Full Name of the Institute and its Location

3. University Name for College Education

4. The full name of the course

5. Grades for All Semesters or scores

To conclude,
     
   One of the most important pieces of evidence of your education is a transcript. This allows you to transfer credits and allows you to study abroad.
Safe Vacation Tips while traveling with Crypto
Tags: cybersecurity, selfcustody, bitcoin, travel
Published: 2022-12-23 08:12:45



As with any valuable asset, it’s important to take steps to protect your cryptocurrency when you’re traveling, particularly if you’re going to be crossing international borders or using public WiFi networks. In this article, we’ll provide some tips to help you keep your cryptocurrency secure while traveling, including using secure storage solutions, being cautious about sharing personal information, and using trusted networks and devices. By following these simple steps, you can protect your cryptocurrencies and keep it safe while on the go. We want this document to be a community driven effort, so if there are improvements that you would like to recommend, please contact: naman@cypherock.com

Read https://www.cypherock.com/blogs/post_safe_vacation_tips_while_traveling_with_crypto
Spring 5- Spring core
Tags: webdev
Published: 2022-12-23 07:56:12

Spring is framework of framework just because is has support to various components like hibernate and struts.
**Spring Core** is the heart the spring framework.
    - Dependency injection to promote loose coupling.
    - Light weight development with POJO(plain old java objects). 
    - Spring is used minimize the boiler plate code.
    - Without spring its a TDS work to develop a web application
    - Declarative programming with aspect oriented programming(AOP).

**Core Container -**
    Factory for creating bean.
    Manage bean dependency.
It contains the Beans, core, SpEL and Context.
**Context** is the spring container which store the bean and memory.

Data Access Layer is used to communicate with Database.
Spring Provides helper class to access database which reduce the source code 50%.

**ORM - Object relational Mapping** which integrate with Hibernate and JPA.

**JMS - Java message service** which is used to send async message to a message broker. Spring provides helper class for JMS.

**Spring Container**

Create and manage objects (Inversion of control).
Inject Object dependencies (Dependency Injection).
Exploring ChatGPT - What Next?
Tags: openai, programming, beginners, webdev
Published: 2022-12-23 07:49:08

**ChatGPT** is an AI chatbot model released by Open AI in November 2022.

In no time, social media platforms are flooded with ChatGPT-related posts. The internet users explored how ChatGPT can be used for various tasks like question answering, code generation, code debugging, blog post writing, learning new concepts, etc. Some of them even exposed the limitations of ChatGPT
For example:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e2fz178sj9rjhjng8a4s.png)

Now it's time to look at the other chatbots which are similar to or better than ChatGPT. In recent times, along with ChatGPT, the following applications also attracted the internet users.

**ChatSonic**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wpzc14yc5s6b7zvy397f.png)

✔️ ChatGPT has no access to the internet.
ChatSonic overcomes these two drawbacks, using Google Search to create content with the latest information. Along with text inputs, ChatSonic supports voice inputs also.

✔️ ChatSonic has an interface similar to ChatGPT. This video shows how to interact with ChatSonic.

Perplexity AI is an AI startup that offers AI-powered search tools. Two such search tools are Perplexity AI Ask and Bird SQL.

**Perplexity AI Ask**
Perplexity AI Ask works on top of OpenAI GPT 3.5 and Microsoft Bing. Similar to ChatGPT, Perplexity AI Ask answers your query. However, what makes it different from ChatGPT is that, along with the generated answers, it also displays search results.

It uses OpenAI GPT 3.5 and Microsoft Bing to directly answer any question:
https://twitter.com/i/status/1600551871554338816

**Perplexity AI Bird SQL**
Recently, the Perplexity AI team launched another search tool that helps to get the most relevant tweets for the given search query. Bird SQL is a Twitter search interface. It uses Open AI Codex to translate user queries into SQL and then retrieves the most relevant tweets.

Its a twitter interface that is powered by Perplexity's structured search engine.
https://twitter.com/i/status/1603441221753372673


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nk1u10jn940tcifr3o9v.png)
git-syr - Sync Your Repos
Tags: showdev, go, git
Published: 2022-12-23 07:40:54

Pull or push your git repos regularly. For dotfiles backups or note-taking in a git repo.

## Why?
I used a simple cron script to sync my note-taking app for years, but it becomes complicated, when you have more than one repository to sync. So, I created this app with easy config and GUI.

## What it does?
`git-syr` has separate config for each repository. It indicates whether the repo should be pulled, committed and pushed or both every N seconds (minutes, hours).
It can run in CLI-only mod or with web GUI.

## Example
`repos.yaml`:
```
- name: Dotfiles
  path: /home/data/repo/dotfiles
  timeout: 4h
  pull: "no"
  push: "yes"

- name: MyNotes
  path: /home/data/repo/MyNotes
  timeout: 1m
  pull: "yes"
  push: "yes"
```

## Try it
[https://github.com/aceberg/git-syr](https://github.com/aceberg/git-syr)
Tensorflow
Tags: internship, machinelearning, ai, outreachy
Published: 2022-12-23 07:35:32

## Introduction:

My experience at Mboalab organization during this internship period has been an amazing one. I have learnt alot regarding machine learning and some technologies. My favorite being Tensorflow, which after my research, I gathered the following regarding tensorflow terminology. 

## Body
Data is the most important factor in the success of machine learning projects. With TensorFlow, you can have multiple data tools to help you consolidate, clean and preprocess data at scale.

TensorFlow makes it easy for beginners and experts to create machine learning models for all platforms that is desktop, mobile, web, and cloud platforms.
Tensorflow can help you to:

- Prepare and load data for successful ML outcomes
- Load and preprocess an image dataset 
- Investigate and visualize datasets 
- Build and fine-tune models with the TensorFlow ecosystem
- Train a neural network to classify images 
- Serve a model with TensorFlow Serving 
- amongst others

##Conclusion
To get started, you can find tutorials on tensorflow here{% embed https://www.tensorflow.org/tutorials %}.
309. Leetcode Solution in java
Tags: java
Published: 2022-12-23 07:27:19

```java
class Solution {
  public int maxProfit(int[] prices) {
    int sell = 0;
    int hold = Integer.MIN_VALUE;
    int prev = 0;

    for (final int price : prices) {
      final int cache = sell;
      sell = Math.max(sell, hold + price);
      hold = Math.max(hold, prev - price);
      prev = cache;
    }

    return sell;
  }
}
```
#leetcode
#challenge
Here is the link for the problem:
https://leetcode.com/problems/best-time-to-buy-and-sell-stock-with-cooldown/