teleren/devto huggingface dataset:
Importing a csv to MongoDB Atlas on Debian with mongoimport
Tags: mongodb
Published: 2022-11-26 09:53:28

In those times of MongoDB Atlas Hackathon I thought it will be useful to share with the community the process to upload csv/tsv files to MongoDB Atlas service, as it can be use in case a building a data-driven service.

NB : This tutorial is mainly targeted to Debian User.

Pre Requisites : 
- Debian Linux Installed
- a MongoDB Atlas database cluster 

## Installing MongoDB Database Tools 🌱

To upload our csv file the first thing we need is to install MongoDB Database Tools on our machine. This will allow us to use the mongoimport tool and bunch of others mongodb related tools such as : 
```
mongodump
mongorestore
bsondump
mongoimport
mongoexport
mongostat
mongotop
mongofiles
```

To do that you need to select your operating system and download the package [here](https://www.mongodb.com/try/download/database-tools)
In case you are like me on Debian or WSL you can directly use one of these commands :

### Debian 11
```bash
wget https://fastdl.mongodb.org/tools/db/mongodb-database-tools-debian11-x86_64-100.6.1.deb 
sudo apt install ./mongodb-database-tools-debian11-x86_64-100.6.1.deb 

```
### Debian 10
```bash
wget https://fastdl.mongodb.org/tools/db/mongodb-database-tools-debian10-x86_64-100.6.1.deb
sudo apt install ./mongodb-database-tools-debian10-x86_64-100.6.1.deb 

```

And then all the mentionned tools should be installed ! 

## Upload a csv file using the mongoimport command 🌱🌱

The mongoimport command can be use with the following syntax :

`mongoimport <options> <connection-string> <file>
`
Where the connection-string is your mongodb cluster connection string, in the following format :
`mongodb+srv://<username>:<password>@<host>/<database>
`or
`mongodb://<username>:<password>@<host>/<database>
`
The file arguments is the path of the csv you want to upload, such as `imdb_data.csv`

Options are bunch of others configurations you can use such as 
- `--headerline` : To make mongodb use the first line of the csv as the fields reference
- `--collection=<collection_name>`: To define which collections to use in your db, otherwise mongo will create one using the name of the csv file

To get a detail of all the options you can refer the help using `mongoimport --help`

In my case I used the following command to make sure things were done right :

```
mongoimport \
--uri=mongodb+srv://USERNAME:PASSWORD@HOST \
--db=DB\
--type=csv \
--headerline  \
--DATA.csv \

```
And that's it ! You can comment below your thought and issues 👇
How to install Flarum on windows XAMPP
Tags: webdev, php, flarum, forum
Published: 2022-11-29 13:13:10

---
title: How to install Flarum on windows XAMPP
published: true
date: 2022-11-26 09:31:58 UTC
tags: webdevelopment,php,flarum,forum
canonical_url: https://blog.devgenius.io/how-to-install-flarum-on-windows-xampp-1db9448dd2d9
---

[![](https://cdn-images-1.medium.com/max/2000/0*BmuP2XhRhclcM4hG.png)](https://blog.devgenius.io/how-to-install-flarum-on-windows-xampp-1db9448dd2d9?source=rss-17217f29618a------2)

Flarum Forum Installation

[Continue reading on Dev Genius »](https://blog.devgenius.io/how-to-install-flarum-on-windows-xampp-1db9448dd2d9?source=rss-17217f29618a------2)
Change the timezone on ubuntu linux server
Published: 2022-11-26 09:13:29

_First check which timezone the server is using_
**>>ls -l /etc/localtime**
lrwxrwxrwx 1 root root 27 Sep  2 07:09 /etc/localtime -> /usr/share/zoneinfo/Etc/UTC

**>>timedatectl**
Local time: Thu 2022-10-13 12:18:02 UTC
           Universal time: Thu 2022-10-13 12:18:02 UTC
                 RTC time: Thu 2022-10-13 12:18:03    
                Time zone: Etc/UTC (UTC, +0000)       
System clock synchronized: yes                        
              NTP service: active                     
          RTC in local TZ: no

_Find out which time zone you have to set. 
This command will give you list of timezones_
**>>timedatectl list-timezones**
Africa/Abidjan
Africa/Accra
Africa/Addis_Ababa
Africa/Algiers
Africa/Asmara
Africa/Asmera
Africa/Bamako
Africa/Bangui
Africa/Banjul
Africa/Bissau
Africa/Blantyre

_Now set the timezone_
**>>sudo timedatectl set-timezone Asia/Kolkata**

_Now check if it is set correctly_
**>>timedatectl**
Local time: Thu 2022-10-13 17:51:00 IST
           Universal time: Thu 2022-10-13 12:21:00 UTC
                 RTC time: Thu 2022-10-13 12:21:01    
                Time zone: Asia/Kolkata (IST, +0530)  
System clock synchronized: yes                        
              NTP service: active                     
          RTC in local TZ: no

Doneee ...
5 Must Know Upwork Freelancing Tips 🔥
Tags: beginners, webdev, programming, tutorial
Published: 2022-11-26 08:48:09

In this post I will give you _5 Upwork freelancing tips_ that will help you to land projects to work on.

If you prefer the `video` version, I got you covered. Check it out below and support my channel by `subscribing`

{% youtube ZkX91fGkvkI %}

- **Bid on most recent projects**

Bid on projects that are `fresh` without many bids. I recommend projects that have _not more than 15 proposals._ This way your proposal will be among the first one and stand a chance of client checking on it.

- **Always check the client stats**

Always check the client stats to make sure that the client is not a toxic client and whether he/she is more likely to hire on a project. Some clients are hard to work with, and you don't want a bad review after a project. Make sure they have `verified their payment` and have `good reviews` before bidding. Let hire rate be at least 50% and average review of at least 4.5. The following is an example of a good client.

  ![about client](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5yr6x1pbza05udi2haes.png)

- **Make sure you can deliver**

Do not bid on a project you can't complete. Read the title and the description clearly  and make sure that you have the necessary skills and experience of completing the project. If you can't deliver you will get a bad review on the job and that hurts your profile reputation.

- **Complete your profile**

Make your profile *100% * complete. Clearly state your role/skills at the title as well as at the description. Make the client impressed incase they happen to check your profile. Here is an example of my title:

![upwork title](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c2k09ekqlwv216a6my4j.png)

- **Make your cover letters short and precise**

To make your client to actually read your cover letter, make them short and custom for each bid. Client is likely to ignore your cover letter incase they find it to be too long. Also, if possible share a link to a similar project you have done before in your cover letter. The following is an example of a short cover letter that got me a long term gig:

>_Hello, I'm available to work as a fulltime React Developer on your app_

> _I have 3 years of experience working with React and also teach the Technology on my YouTube Channel. Here is a link: https://www.youtube.com/c/ChaooCharles_

> _Kind regards,_
> _Charles._


Was this post helpful? Let me know at the discussion section below.

If you work with Upwork, which other tips would you recommend?

I'm on twitter: https://twitter.com/ChaooCharles
My YouTube: https://www.youtube.com/c/ChaooCharles
What I've been reading (week 47, 2022)
Tags: watercooler, news, discuss
Published: 2022-11-26 08:00:16

Here's a selection of six things that I read or otherwise found interesting last week:

## [shell.how - How this shell command works?](https://www.shell.how)

Paste in a terminal/CLI command and have it translated into human-readable language via the info that @fig uses for it's autocomplete

## [Twilio Segment Edge SDK powered by Cloudflare Workers](https://blog.cloudflare.com/twilio-segment-sdk-powered-by-cloudflare-workers)

This is a smart way of avoiding browser restrictions on third-party storage (good for commercial site owners) and at the same time getting around some of the perf issues with 3P JS (good for users!) by proxying and injecting cookies and scripts at the edge.

## [Working with Zustand](https://tkdodo.eu/blog/working-with-zustand)

Always interesting to read about Redux's successors - I've only used Redux but definitely don't have a soft spot for it!

## [Radical Lessons From The Pedal Me Experience](https://benknowles.london/blog/radical-lessons-from-the-success-of-pedal-me)

I love this article on Pedal Me (a London e-bike cargo and passenger startup)'s success and how they've done well by trusting staff, investing in the best tools for the job while still staying lean, and doing the right thing (with the nice byproduct of getting great press/cheap marketing).

## [An Interactive Guide to Flexbox in CSS](https://www.joshwcomeau.com/css/interactive-guide-to-flexbox)

I absolutely love this post from Josh, even if you feel totally comfortable with Flexbox I bet you'll learn something new here, or at the very least a new way to explain Flexbox concepts to other people.

## [the peculiar case of japanese web design](https://sabrinas.space)

A cool exploration of why Japanese websites still look so different to Western ones.

---

I also [tweet these as I find them (@philw_)](https://twitter.com/philw_) and post them on my personal site at https://wolstenhol.me/#reading.

What were your favourites? Was there anything you found useful?

{% user philw_ %}
7 Brilliant Ways To Design Modern Minimalist Business Logo Design For Chees Brand.
Tags: logo, minimalist, business, modern
Published: 2022-11-26 08:04:43

Fiverr [Logo Maker ](https://bit.ly/G_LOGO1)has millions of royalty- logo pictures, illustrations, and vectors, including Chess logo images. Every day, thousands of new, high-quality Modern Minimalist logo. images are posted. So, let's jump right in!

[**🛒CLAIM $100 LOGO FOR FREE](https://bit.ly/3EkbWG9)
**

> A unique chess logo developed specifically for you by a skilled designer will highlight the personality of your company. Do you require inspiration? We've gathered some fantastic chess logo examples from our global designer community. Get inspired and begin planning the ideal chess logo design right away.

You'll need to start by coming up with an idea for your logo. This will help you narrow down what type of logo you want to use. If you're not sure where to begin, here are some tips to help you come up with ideas:

**1) Think about the company's mission statement. What does the company do? How does it make money? What products or services does it offer?
2) Look at other companies' logos. Do you see any similarities between them? Are there any common elements?
3) Ask yourself questions. What would you like your logo to represent? Is there anything special about your business?**

[👉ORDER NOW﻿](https://bit.ly/3EkbWG9)
First Project using CSS
Tags: css, html, webdev, beginners
Published: 2022-11-26 08:00:50

So, the other day I mentioned that I was learning CSS and I am proud to say I have completed my first project with it!

Following a [YouTube](https://www.youtube.com/watch?v=G3e-cpL7ofc&list=WL&index=3) tutorial I was able to create this: **streamOS**, a YouTube clone site.

I have a few things I would like to change later (such as adding a dark mode, and changing the sidebar icons) but, for my first project using CSS, I am pretty happy with how it turned out.

If you're interested, you can find the website [here](https://streamos.kurtissfrost.com) or visit the [GitHub](https://github.com/kurtissfrost/streamos) repo.

---

Learning CSS has been a blast so far and I look forward to making more projects with it! :)

Thank you so much for reading. Let me know what you think about the site. All feedback welcome. Have a wonderful day!

![signature](https://i.imgur.com/aXaiikD.png)
A Fun Programming Joke To Start Your Day
Tags: jokes, dailydeveloperjokes
Published: 2022-11-26 08:00:07

---
title: "A Fun Programming Joke To Start Your Day"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e12596739999.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ Why couldn't the React component understand the joke?

___A:___ Because it didn't get the context.
 -->
Staging is live - AquaHub #7
Tags: webdev, opensource, programming, career
Published: 2022-11-26 08:00:00

This week I've done one pretty important job but in the other time it was stressful in private life so no big other changes completed.

## 🚦 Staging is live
I finally done the job of creating the necessary dockerfiles. For our backend (**PocketBase**) I made a custom bash script to initialize and update everything.
I had many and many errors I was struggling with and it's not been easy but I finally was able to complete it.

**The staging of AquaHub is finally live on [https://staging.aquahub.studio](https://staging.aquahub.studio)!**

Updates made to the `dev` branch are automatically deployed to the staging server.

> ❗️ *Please keep in mind that everything's still under development so data can get lost or there can be some server interruptions.*

**Thanks for reading!**
<a href="https://www.buymeacoffee.com/jannisdev" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-blue.png" alt="Support me" height="20" width="80"></a>
Top 5 Companies to Work for in Machine Learning in 2023
Tags: machinelearning, javascript, topcompanies, ai
Published: 2022-11-26 07:52:27


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ctn4t4e4ynv3cgftiw2r.jpg)<span style="font-family: times;"><br /><br /><div style="text-align: center;"><span style="font-size: xx-large;"><span style="color: #0b5394;">Top 5 Companies to Work for in Machine Learning in 2023</span></span></div><div style="text-align: center;"><br /></div><span style="font-size: large;"><a href="https://www.aaintal.gq" target="_blank">Machine learning</a> enables organizations to quickly identify potential risks and explore profitable opportunities.&nbsp;</span></span><div><span style="font-family: times;"><span style="font-size: large;"><br /></span></span></div><div><span style="font-family: times;"><span style="font-size: large;"><br /></span></span></div><div><span style="font-family: times;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL_65GYHbXhYi3EBAdAirTXPBk-Zk8p-7Mh9o9LfzvqZs5bRlhc9OZmzl2wjzj4f1hp86z2C2DY4mOqKAailCfH65e3sXSza_ICPHw2nFwOGpyi4ea0GaQlGYNp58pbzuy9OcasUNB5WYVgMzORVao-MIAofpAqYqgdavRDilDK6o-uLEjN8lwMrfi/s600/ezgif-2-4935bbf51e.webp" style="margin-left: 1em; margin-right: 1em;">
Know more [Click here ](https://www.aaintal.gq/2022/11/top-5-companies-to-work-for-in-machine.html)
Calculate GPA In Nepal For SEE And NEB Students?
Tags: gpa, webdev
Published: 2022-11-26 07:24:05

Calculate GPA In Nepal : HSEB/ NEB letter grading system has been carried out in Nepal for all +2 programs. This system has changed the standard system (percentage method) of analysis in +2 as well as SEE/ SLC. National Examination Board NEB (Initially HSEB: Higher Secondary Education Board) has been implementing this technique of GPA (Grade Point Average) because the academic session of 2073 B.S in Nepal.

It was determined to be carried out by the then council chairman of HSEB and Education minister Mr. Giriraj Mani Pokharel. The letter grading system was launched to fulfill the international system of evaluation for Exams. This is without doubt one of the technical evolution within the analysis system of education in Nepal. [Read More](https://techzpad.com/calculate-gpa-in-nepal-for-see-neb)
NoGrab - Make difficult things simple
Tags: cosmetics, ingredients
Published: 2022-11-26 07:09:19

We start by recognizing the ingredients on packs. NoGrab App - is a mobile app that focuses on making the user experience understand what is inside the cosmetics. We continue to work under extended functionality of what we can recognize from product packages and provide understandable info to our users.

[https://nograb.app](https://nograb.app)
Color picker using HTML and CSS
Tags: html, css, beginners, webdev
Published: 2022-11-26 07:03:00

Hello Guys! Welcome to [Coding Torque](https://codingtorque.com). In this blog, I'm going to explain to you how to make a Color picker using HTML and CSS. This will be a step-by-step guide. Let's get started 🚀.

Visit [codingtorque.com](https://codingtorque.com) for more projects like this!

## **Step 1: Import Google Fonts**
Import the fonts using Google Fonts API. Below is the code for the `Poppins` Font. Paste the below code in the `<head>` tag.

```html
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
```

## **Step 2 : HTML Code**

```html 
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Google Fonts  -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">

    <title>Custom Color picker using JavaScript - @code.scientist x @codingtorque</title>
</head>

<body>
    <div class="container">
        <div style="text-align: center;">
            <h1>Coding Torque</h1>
            <div style="display: flex; justify-content:center">
                <input type="text" id="hex">
                <input type="color" id="color">
            </div>
        </div>
    </div>
</body>

</html>
```


### **Output Till Now**

![Color picker using HTML and CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h7g038f9sa4og0e99lki.png)


## **Step 2: CSS Code**

```css
body {
    background: linear-gradient(90deg, #8A2387, #E94057, #F27121);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-family: poppins;
}

.container {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 20rem;
    height: 10rem;
    padding: 32px;
}

input[type="color"] {
    background-color: white;
    border: none;
    border-radius: 5px;
    height: 40px;
    width: 40px;
    transition: 0.3s;
}

input[type="color"]:hover {
    background-color: deepskyblue;
}

input[type="text"] {
    border: none;
    padding: 10px;
    border-radius: 5px;
    outline: none;
    margin-right: 10px;
}
```

### **Output Till Now**


![Color picker using HTML and CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hlgxb54tfurhzap829ud.png)

## **Step 3: JavaScript Code**

```javascript
let colorInput = document.querySelector("#color");
let hexInput = document.querySelector("#hex");
colorInput.addEventListener('input', () => {
    let color = colorInput.value;
    hexInput.value = color;
    document.querySelector('h1').style.color = color;
});
```
Form Validation with JS and Tailwind
Tags: webdev, beginners, codepen, tutorial
Published: 2022-11-26 06:50:05

Hello today i will share with you the form validation i created using HTML,Javascript and TailwindCSS.I will give a brief description about it and then you can check the entire code in the codepen below at the bottom.

Let's get started...

* I put the required attribute in all the inputs to make them required field.
* For the Name input field, i am checking whether it is empty or not.
* For the Email input field, i have taken a regular expression from the web and test it on my email.
* For the Phone number input field , i am checking that whether it has a length of 10 digits or not.
* For the Password input field , i am checking multiple things like does it contain lowercase and uppercase letters, number,it's length is greated than or equal to 10 or not,I am showing these all errors separately and using conditional statements, hiding and showing each one of them using css display property.
* For the Confirm password input field, i am checking the same thing as password except one extra thing here which is whether the confirm password is matching the password or not.
* These functions are called on each "keyup" event so , it is dynamic and will show the error if there is any on each character or letter or number you type.

{% codepen https://codepen.io/shubhamtiwari909/pen/VwdQXXN %}

I hope you will like this simple validation and if there is any correction or suggestion , you can write it in the comment section.

You can contact me on -
Instagram - https://www.instagram.com/supremacism__shubh/
LinkedIn - https://www.linkedin.com/in/shubham-tiwari-b7544b193/
Email - shubhmtiwri00@gmail.com

^^You can help me by some donation at the link below Thank you👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well
https://dev.to/shubhamtiwari909/css-iswherehas-and-not-2afd

https://dev.to/shubhamtiwari909/theme-changer-with-html-and-css-only-4144

https://dev.to/shubhamtiwari909/swiperjs-3802

https://dev.to/shubhamtiwari909/going-deep-in-array-sort-js-2n90
How to Access Local Sever on Other Devices
Tags: webdev, javascript, react, tutorial
Published: 2022-11-26 06:50:05

In this article, I am going to show you how you can access your local/localhost server on any other device (Android or iOS). 

To access your local server, you only one thing **IP Address** of the device where the server is running. Now there could be two scenarios where you are using Windows or Mac. You just need to get the IP Address. Let me show you how:

Open windows terminal and type `ipconfig` in the command line and you will get the following output:

![windows IP](https://i.imgur.com/VSkhF2w.png)	
You only need an IPv4 address and as you get it type this in your mobile browser followed by `PORT`. For instance-  

```bash
# IPv4:PORT 
192.168.64.201:3000
```
And if you are running any web app on `localhost:3000` then you will be able to see that on your mobile devices also.

For **Mac users** you have to do the same-
- Get the IPv4 (use `ifconfig` command)
- Put that on your mobile device followed by `PORT`

And hurray!!!

If you are unable to fine the mac IP address then you can take a look the following article: 

[How to Find Your IP Address on a Mac](https://www.wikihow.com/Find-Your-IP-Address-on-a-Mac)

Following is the Video demo of how it works:
{% tweet https://twitter.com/j471n_/status/1596401324710842369 %}


### Wrapping up

That's all you need to run you localhost server on other devices.  If you enjoyed this article, then don't forget to give ❤️ and Bookmark 🏷️for later use and if you have any questions or feedback then don't hesitate to drop them in the comments below. I'll see in the next one.


**🌐 Connect with me:**

[Twitter](https://twitter.com/j471n_)
[Github](https://github.com/j471n)
[Instagram](https://www.instagram.com/j471n_/)
[Newsletter](https://www.getrevue.co/profile/j471n)
[LinkedIn](https://www.linkedin.com/in/j471n/)
[Website](https://j471n.in/)
[Buy me a Coffee](https://buymeacoffee.com/j471n)