teleren/devto huggingface dataset:
Library Project 📖
Tags: webdev, codenewbie, javascript, showdev
Published: 2021-08-17 01:30:30

<h4>Entry for The Odin Project's library exercise under the full javascript path</h4>
<h5>Live preview can be found <a href="https://fatrixienicolieopetina.github.io/book-library/">here</a></h5>

<p>One can add a book in the library with its title, author, a brief review of the book and a pseudo-name of who added the book. </p> 

<h2>WIL/Thoughts 🤔</h2>
<ul>
  <li> 
    <h3>Firebase</h3>
    <p>
      I was looking for a free online database and found firebase. The site allows user to add books and saves them in the firestore.
      It is similar to a mongo database, where for each project, there is a number of collections and for each collection, there are documents.
      In this project, I am saving each book as a document.
    </p>
    <p>
       There are also a lot of ways in which firebase can be added in an application, one through CDN and another through npm/yarn.
       I opted to use CDN for this exercise. Why? I do not have any particular reason, to be honest, it felt more convenient 😆. 
    </p>
    <p>I also checked the documentation to check how to connect my site to the project in the firebase, and that went well.</p>
  </li>
  
  <li> 
    <h3>TailWindCss</h3>
    <p>
      I wanted to try some CSS frameworks outside from what I have already used like bootstrap and material. It does not feel different from the two. 
    </p>
  </li>
 
  <li> 
    <h3>JS Revealing Module Pattern (RMP)</h3>
    <p>
      I tried this pattern to practice closures in JS. RMP defines functions in closure areas and only use variables on access. I think this is a nice way of doing encapsulation, without all the boiler plate of OOP languages. 
    </p>
  </li>
  
</ul>

This is the 3rd entry of the series. They are very simple, tweaked exercises for the refresher topics in [The Odin Project](https://www.theodinproject.com/paths/full-stack-javascript).

Github repository of the project can be found [here](https://github.com/fatrixienicolieopetina/book-library/)

As always, cheers to continued learning :beers:!
My Goals for zuri internship 
Published: 2021-08-17 01:25:21

I’m a participant in the HNGI8 https://internship.zuri.team Am in the frontend track.
*My goals at the end of the eighth week of the program -- 
Being among the HNGI8 finalist : At the end of the internship, I want to be able to beat my chest and tell people that I am a certified frontend developer and to make sure I take advantage of the free resources and platforms provided by the program 

Time management : This internship will help me improve on my time management skills as deadlines are set for each project.

Building good relationships with my advisers or mentors : This would be a chance for me to build healthy relationships with people around me like advisers and mentors.

I have researched beginner tutorial for the following dev stacks.

Figma tutorial link
https://youtu.be/jk1T0CdLxwU

Git tutorial link
https://youtu.be/8jj101D3knE

Learn HTML Today!
https://www.youtube.com/watch?v=qz0aGYrrlhU
What I DIDN'T learn from Flexbox Froggy
Tags: beginners, css
Published: 2021-08-17 01:11:04

In the interest of learning Flexbox during bootcamp, I tried my hand at the brilliant [Flexbox Froggy](https://flexboxfroggy.com) challenge. I completed all 24 levels, but in a pattern-matching, brute-force kinda way. By the end, I felt like I had learned nothing.

Months later, I decided to try my hand again at [Flexbox Froggy](https://flexboxfroggy.com). There's a lot that I learned about [*container* properties](https://dev.to/mathlete/what-i-learned-from-flexbox-froggy-container-properties-509f) and [*item* properties](https://dev.to/mathlete/what-i-learned-from-flexbox-froggy-item-properties-3k7o), but I found there's a few commands that aren't included in Flexbox Froggy, and I'm gonna go over them in this post!

## flex-grow
Imagine that you have three children you're driving to the park. Two are babies, and one is a toddler. Since the toddler is twice as big as the babies, he'll need a car seat that is twice as big, too. If each baby gets a space, the toddler will need a space that's twice as big. `flex-grow` allows you to designate a multiple of space for any element that you want. In this example, it would work like this:

```javascript
.baby {
  flex-grow: 1; 
}
.toddler {
  flex-grow: 2; 
}
```

---
## flex-shrink
`flex-shrink` is like the inverse of `flex-grow`. The example above, where I need right-sized car seats for two babies and a toddler. Instead of giving each baby a space set to `1` and the toddler gets a space set to `2`, I can give the toddler a space set to `1` and the babies get a space set to `0.5`, like this: 

```javascript
.toddler {
  flex-grow: 1; 
}
.baby {
  flex-grow: 0.5; 
}

```
---
## flex-basis
`flex-basis` is a little tricky to explain without an example, so here's an example (based on this good article from [mastery.games]9https://mastery.games/post/the-difference-between-width-and-flex-basis/)): Imagine you have an 1000px wide container and you have four 200px items you want to put inside the container. 1000px minus (4 * 200px) = 800px, so there will be an extra 200px of empty space. If you want those four items to stretch to fit nicely into that 1000px container, you can dictate the `basis` of the item to 250px (because you know 1000px ÷ 4 = 250px). 

```javascript
.container {
  display: flex;
  width: 1000px;
}
.item {
  flex-basis: 250px; 
}

```
My Goals For The HNGi8 x I4G internship
Tags: programming, webdev
Published: 2021-08-17 01:00:07

Hooray!! The much revered HNG internship has begun for the year.
I'm particularly excited about this year's edition because I feel better prepared to go all the way to the final stage in the backend track.
The program is hosted by [The Zuri Team](https://zuri.team).

As our first task we have been asked to publicly state our goals/objectives for the internship. For this internship I have three main objectives.

### OBJECTIVE 1:
This internship usually consists of people from diverse cultures and communities all around the world and so I'm excited about connecting with as many people as I can.

### OBJECTIVE 2:
I plan to gain real world experience by applying all the knowledge I have gathered for over a year of coding to the tasks and challenges we will be asked to work on. This is the most important goal for me as it also helps me build projects with a team and also share knowledge.

### OBJECTIVE 3:
I don't think it makes sense to start something and give up halfway through, for this year's edition (unlike last year) I plan to make it to the final selection in the backend track. I left early last year cause I got frustrated with the program's organization I hope this year will be different.

So that's all for now, wish me luck I need it. 

Here are some helpful links to tutorials if you're just getting started with web development.

[Figma Tutorial by Traversy Media](https://www.youtube.com/watch?v=4W4LvJnNegA)

[Git Tutorial by Traversy Media](https://www.youtube.com/watch?v=SWYqp7iY_Tc)

[HTML Tutorial by Traversy Media](https://www.youtube.com/watch?v=UB1O30fR-EE)

[JavaScript Tutorial by Traversy Media](https://www.youtube.com/watch?v=hdI2bqOjy3c)

Make sure you continue to explore his channel as he has a lot of quality content.
Cheers!
A convenient method to find alternatives to almost any popular open-source project
Tags: webdev, programming, beginners, github
Published: 2021-08-17 00:54:19

---
title: A convenient method to find alternatives to almost any popular open-source project
published: true
description: 
tags: webdev, programming, beginners, github
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dav29vjgq2w1h2fnkwwg.png
---

I've been improving the new version of [LibHunt](https://www.libhunt.com) here and there for the last several months, and I think I've reached a reasonably presentable version. As a software dev myself, I'm looking for alternatives to the libraries I use quite often. Of course, I've been "eating my own dog food" and using LibHunt to find alternatives. What I had been doing is using the regular search function. I'd copy the name of the library from github, paste it in LibHunt's search box, and click on the first result in most cases. That has been working pretty well, yet it felt a bit cumbersome. 

This morning I had the following idea. Given that most popular open-source projects are hosted GitHub, and I'm already tracking them, I could support a similar URL schema in LibHunt so that the only difference from GitHub is the domain name. I got it implemented, tested and deployed in less than half an hour. So simple, and it saves all the copy-pasting, clicking and searching.

Now, if you are looking for alternatives to a popular open-source project, I strongly believe that the quickest and most convenient solution is LibHunt.

All you have to do is:

1. Open a project on GitHub (e.g. https://github.com/facebook/react)
2. Replace "__github__" with "__libhunt__" in the URL
3. Hit enter 🚀

As of now, the lists with alternatives (and similar projects) on LibHunt are based on three factors:

1. The projects were mentioned on common posts on Reddit, HackerNews, and dev.to (mentions are monitored almost in real-time)
2. User suggested alternatives (directly on LibHunt)
3. Users comparing projects on LibHunt

Of course, these factors and methods are not perfect. However, they work pretty well in most cases. And as more people suggest alternatives and more posts from around the net are tracked, the quality of the lists will only improve.

I hope this will be helpful to many of you fellow devs.

Stan 🙇

p.s. as always, any feedback is highly appreciated.
My Goals for HNG I8
Published: 2021-08-17 00:47:16

Hi There,

How are you doing?

So as part of my goal this year to build up my skills as a software engineer, I enrolled in an annual 8-months intensive intership organised by Hotels.ng, a nigerian tech company owned by Mark Essien.

MY GOALS AT THE 8 WEEKS HNG INTERNSHIP PROGRAMME

Build up my skillset by working on more projects outside my job
Improve on my problem-solving skills, efficiency and speed.
Collaborate and grow team spirit.


Learn Figma Today
https://www.youtube.com/watch?v=g6rQFP9zCAM

Learn Git Today!
https://www.youtube.com/watch?v=8JJ101D3knE

Learn HTML Today!
https://www.youtube.com/watch?v=qz0aGYrrlhU

Learn Nodejs Today!
https://www.youtube.com/watch?v=TlB_eWDSMt4
HNG 8 EXPECTATION
Published: 2021-08-17 00:40:14

HNG internship is known amongst most developers. Its a platform where you get to hone your skills and also get to collaborate on others on projects.
I will be actively involved in the backend stack of this internship 

I have looked forward to the commencement  of this year's internship and I'm  glad it's finally here.

I have learnt not expect too much from anything. But in simple words I'll  say i expect to put in my best, make friends and possibly learn Go, which is the main backend language  for this year and also improve on my node js skills.

For the privilege of this year's internship, I'll  love to say thank you to the zuri team https://zuri.team

Figma tutorial link
https://youtu.be/jk1T0CdLxwU

Git tutorial link
https://youtu.be/8jj101D3knE

Python tutorial link
https://youtu.be/uQrjoTKZLC
Importing Typescript files in Angular with Barrels.
Tags: angular, typescript, javascript, architecture
Published: 2021-08-17 00:29:09

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7shoz2ljm651f170x7li.jpg)

Get your projects more readable and organize using this technique.
YouTube link video: https://youtu.be/iiRnt3XBBmg
MY GOALS FOR HNG INTERNSHIP
Published: 2021-08-17 00:25:04

I am a Frontender. My goals for this internship includes broadening my knowledge base in a lot of languages I'm currently involved in. I also hope to network with like minded tech enthusiasts and learn a lot from experts in the field. I believe that after this 8 weeks of expending my energy fully to this internship, I should come out a far more knowledgeable and developed person. https://internship.zuri.team

Designing with Figma - https://www.youtube.com/watch?v=FTFaQWZBqQ8
How to use GIT - https://www.youtube.com/watch?v=USjZcfj8yxE
Starting out in Html - https://www.youtube.com/watch?v=pQN-pnXPaVg&t=274s
Learning the basics of JavaScript - https://www.youtube.com/watch?v=W6NZfCO5SIk
Adding bootstrap to an exisiting Angular Project using angular-cli
Tags: angular, javascript, css, tutorial
Published: 2021-08-17 00:19:47

Hello there,

I assume you are running an angular project and want to find out how to install bootstrap and add it to your project.

If so then, lets get right onto it.


**1. Step 1 - installing Angular cli**

First, we'll start by installing the angular-cli if it hasn't been done already by typing in the following command :

`npm install -g @angular/cli`
> this will install angular-cli globally on your system

**2. Step 2 - Starting a new angular project**

Start a new angular project by typing:
`ng new <ProjectName>`


**3. Step 3 - Installing bootstrap**

In your projects root directory, install bootstrap by typing in :

`npm install bootstrap`

> you can add the version number at the end i.e npm install bootstrap@5.0, however not adding it installs the latest version to your project

**4. Importing bootstrap into our project**

For the final step, we will need to import bootstrap to our project by adding an import statement in our root folders styles.css files

Open the src/styles.css file of your Angular project and import the bootstrap.css file as follows:

`@import "~bootstrap/dist/css/bootstrap.css"`
MY GOALS FOR I4G x HNGi8 INTERNSHIP
Published: 2021-08-17 00:01:51

   It is often said an believed that when the purpose of a thing is not known, abuse is inevitable. The purpose of the organizers of this internship, I believe, is to equip as many people as are first interested in and then dedicated to learning and relearning selected digital skills. My stack is frontend web development.
 
   This paraphrased goal is what I key into: learning more about frontend web development including HTML and several other programming languages. I look forward to learning how to use more online tools that helps with website development. Coming along with these is, my desire to learn intangible things like communication, how to work smart, speed and discipline in meeting deadlines even in the face of unforeseen events, how to pay attention to details so that I can have a good grasp of specifications and also networking with more people in Information Technology (IT) sphere. I also hope to get better and be able to give back to the larger community the same way Zuri Team and I4G x HNGi8 and other reputable organizations are doing, in the nearest future.

   By the end of 8 weeks, it is my desire to be better at the use of programming languages like Cascade Style Sheet (CSS), Javascript (especially) and Bootstrap (to mention a few). It is also my desire that at the end of this training I am able to build a website from the scratch and also use online resources like WordPress and the likes.

   I am devoted to learning as much as is available during this training. I am not making a promise to get a perfect score all through but to grow and get better at this newly discovered industry that I consider to be interesting and vast.

   Attached to this article are links as requested in the task:
- Figma tutorial link: https://www.youtube.com/watch?v=Fcvt9MSUylU&t=18s
- Git tutorial link: https://www.youtube.com/watch?v=SWYqp7iY_Tc&t=930s
- HTML tutorial link: https://www.youtube.com/watch?v=UB1O30fR-EE&t=16s
- Javascript tutorial link: https://www.youtube.com/watch?v=hdI2bqOjy3c
- Zuri page link: https://zuri.team

Thank you I4G x HNGi8 for the opportunity
Thank you Zuri team for the eye-opening.
Thanks for having me.
How to get only the current date number using JavaScript?
Tags: javascript
Published: 2021-08-17 00:00:00

---
  title: How to get only the current date number using JavaScript?
  published: true
  tags: JavaScript
  date: Tue Aug 17 2021 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/get-only-current-date-number-using-javascript
  cover_image: https://melvingeorge.me/_next/static/images/main-eb2057fe005c6929827f557c0ad84613.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/get-only-current-date-number-using-javascript)
  
To get only the current date number, we can use the `getDate()` method from the global `Date` object in JavaScript.

### TL;DR

```js
// Make an instance or object of the Date constructor
const currentDate = new Date();

// get the current date number
const dateNumber = currentDate.getDate();

console.log(dateNumber); // eg: 17
```

First, let's make an object (or instance) from the global `Date` constructor using the `new` keyword like this,

```js
// Make an instance or object of the Date constructor
const currentDate = new Date();
```

Now we can use the `getDate()` method from the `currentDate` object to get the date number like this,

```js
// Make an instance or object of the Date constructor
const currentDate = new Date();

// get the current date number
const dateNumber = currentDate.getDate();

console.log(dateNumber); // eg: 17
```

Yay, We successfully got the date number 🎉!

See the above code live in [JSBin](https://jsbin.com/goregamadi/2/edit?js,console).

That's all 😃!

### Feel free to share if you found this useful 😃.

---
How to rename multiple files in subfolders using Windows command prompt
Tags: tutorial, utility, windows, rename
Published: 2021-08-28 07:14:37

---
title: How to rename multiple files in subfolders using Windows command prompt
published: true
description: A single command to update the file extensions for files in all the subfolders using a single command in Windows command prompt
date: 2021-08-17 00:00:00 UTC
tags: tutorial, utility, windows, rename
canonical_url: https://www.ankursheel.com/blog/rename-multiple-files-subfolders-windows-command-prompt
---

## Problem

As part of the [migration from Gatsby to Statiq](https://www.ankursheel.com/blog/migrating-gatsby-statiq), I had to rename all the files with the extension _mdx_ to _md_. Now, I could do it one by one or find a utility but using a single command is more elegant.

## Solution

To rename all the files recursively, we can use the REN (rename) command as follows.

```bash
FOR /R %G IN (*.mdx) DO REN "%f" "%~dpnG.md"
```

Let’s unpack this command.

- **FOR** : Loops through files
- **/R** : Recurse through subfolders.
- **%G** : A parameter set to a different value for each iteration of the for loop.
- **(\*.mdx)**: The filename pattern that we want to match.
- **REN** : The command to rename a file
- **%~dpnG”** : Expands the parameter of the original filename to the fully qualified path without the extension

References:

- [FOR /R](https://ss64.com/nt/for_r.html)
- [REN](https://ss64.com/nt/ren.html)
- [Command Line arguments](https://ss64.com/nt/syntax-args.html)
My Experience with The HNG8 Internship
Published: 2021-08-16 23:54:37

I have always been fascinated with internships opportunities that relates to my interests and dreams. I have always been an aspiring software developer with a specialization in Front End Development. When I therefore came across this internship opportunity through an email from the Zuri Team, I was particularly optimistic and amazed about the idea of being a part of an online internship (Like HNG), where I would have the privilege to interact and get help from mentors and peers as far as furthering my proposed career is concerned. I have heard testimonies of people who made it through to the final stage of the HNG internship from previous editions, so I was particularly excited about this opportunity to improve myself.
However, I’m quite acquainted of the many hurdles and challenges one would go through just to make out something meaningful in life generally and I know HNG won’t be an exception as nothing good comes on a platter of gold. So let’s say, I am going to put all it takes to make it to the final stage of this internship despite the challenges I might have to face.
Also, I would like all my readers to know more about the Zuri internship. Please find each of the links below useful
• https://internship.zuri.team 
• https://training.zuri.team 
Finally, I know there are so many persons out there who might be interested in starting out a career as a 	Front End developer like me but don’t really know how to go about it. In response to that, I have provided a links to each of some important concepts and technologies you need to be acquainted with in your journey to be a front end developer. 
•FIGMA: https://www.youtube.com/watch?v=1MbQaYCCzzI
•GIT: https://www.youtube.com/playlist?list=PLxuUHF3OiqfVlhMh2XaA7gx_NaavKM7C9
•HTML: https://www.youtube.com/watch?v=Y1BlT4_c_SU&list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc
•JavaScript: https://www.youtube.com/watch?v=qoSksQ4s_hg&list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

I would strongly advise you go through all tutorials carefully and put whatever you learn to practice as this would greatly help you in your coding journey. Good Luck!!!
Breaking into Tech through HNG Internship
Published: 2021-08-16 23:52:07

HNG Internship is an initiative of [Hotels.ng](https://hotels.ng) which has metamorphosed into a long-running large scale virtual internship for people learning to code and design. It's main focus is on post-training phase hereby creating a virtual workspace for its participants. Participants eagerly anticipate the kickoff of the program that has followings/participants from everywhere across the globe. 
The internship is currently managed and coordinated by [Zuri.team](https://zuri.team).

The scope of the internship is to unveil the best talent it can find in the tech space/world through subjection of its participants to some real world digital product development practices, team collaboration and fast-paced learning.

This eight edition of the internship would feature the following tracks:
1. Frontend
2. Backend
3. Mobile
4. DevOps
5. Digital Marketing
6. Entrepreneurship.

As a participant of this year's edition, my goals are as follows:
1. Increase my network of friends who build digital products
2. Have fun while building digital products that would sharpen the lives of millions of users
3. Challenge myself to finish as one of the finalist on the NodeJS backend track.

Success during the internship requires but not limited to the following:

1. An understanding and working knowledge of git and how it works. You can get started with git [here](https://product.hubspot.com/blog/git-and-github-tutorial-for-beginners).
2. Basic knowledge of figma. You can get up and running [here](https://www.figma.com/resources/learn-design/).
3. How to write a basic markup for a webpage using HTML. Learn the basic of html [here](https://htmldog.com/guides/html/beginner/).
4. Basic knowledge of simple server setup using NodeJS is essential for a participant on the backend track. You can learn how this is done [here](https://www.sitepoint.com/build-a-simple-web-server-with-node-js/)