teleren/devto huggingface dataset:
Calstats, My first iOS/Mac app is out!
Tags: promotion, swift, ios, app
Published: 2021-12-05 14:07:37

---
title: Calstats, My first iOS/Mac app is out!
published: true
description: Yesterday I finally released something I’ve been learning for and working on for the past 6 months. My first app for iOS and macOS.
tags: promotion, swift, iOS, app
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8pesuv4hqw7pieix30ut.png
---

Last week I finally released something I’ve been learning for and working on for the past 6 months. My first app for iOS and macOS. Made in Swift for the best native experience and performance.

CalStats helps you get insights into your events. Want to know how much you go to the gym each week? How many hours have your spent on that one client? Just enter some keywords.

There’s no need to input times; CalStats uses your existing calendars, and only counts events that you want to, using the keywords and time-spans you want.

You can visualize your data in bar charts, track goals per amount of time (week/month/year), and even export to CSV to use in your spreadsheet editor of choice.

Count on your calendar, with CalStats.

The app is 1,99 on the App Store, and you get both versions: [‎CalStats on the App Store](https://apps.apple.com/nl/app/calstats/id1586348221?l=en)

I’ll answer any questions about development too, I love doing that.
Remote Desktop Connection to Connect Windows PC from Ubuntu 21.04
Tags: ubuntu, linux, productivity
Published: 2021-12-05 14:02:05

[Remote Desktop](https://support.microsoft.com/en-us/windows/how-to-use-remote-desktop-5fe128d5-8fb1-7a23-3b8a-41e636865e8c) is one of the useful features on Windows. It allows your computer to connect and control another one. This feature is also can be used on Ubuntu and other major Linux distributions. Remmina, a powerful RDP client that enables you to connect to Windows PC from Ubuntu remotely or from Ubuntu to Ubuntu.  The following steps will show you how to setup, configure, and connect to a remote desktop connection from Ubuntu to Windows.

Read more: [Connect Windows PC from Ubuntu](https://linuxtus.com/ubuntu-connect-windows-remotely/)
New Data Visualization web-app in a go : Viz-It
Tags: datascience, python, opensource, ai
Published: 2021-12-05 13:31:32

We all know the most boring work is to get data insights and process EDA. 
Now you don't have to do all those boring works. 
Presenting 
Viz-It that'll do all that for you. 
Now check the data quality in a go 

App live on 
https://viz-it.herokuapp.com

Go and visit🤩
And do star on GitHub to keep the developer sane ;)

Link : https://github.com/sagnik1511/Viz-It
WORKING WITH TEXT.
Tags: html, css, 100daysofcode
Published: 2021-12-05 13:12:02

In this summary, we will know about the text based elements you are likely to use the most.

 ~PARAGRAPH ELEMENT:  

If you want to create paragraph in HTML, we need to use the paragraph element, which will add a newline after each of our paragraph. A paragraph element is defined by wrapping text content with <p> tag.

                     <html>
                       <head>
                       </head>
                      <body>
                        <p>juhueiryhuiedjkwmdxLksj</p>
                        <p>iuyhr8w3yr9ijeqkwmsqo</p>
                      </body>
                     </html>

~HEADINGS ELEMENT:


There are six different levels of heading tag represents that heading's level. h1 is the most important and is larger than the other headings,and h6 is the lowest level and therefore the smallest of the headings.
                           For example, to create an h1 heading, we wrap our heading text in a <h1>tag.
                
         <html>
           <head>
            </head>
             <body>
               <h1>........</h1>
               <h2>........</h2>
               <h3>........</h3>
               <h4>........</h4>
               <h5>........</h5>
               <h6>........</h6>
             </body>
          </html>

~STRONG ELEMENT:

The <strong> element makes the text bold.It also marks semantically marks text as important.

           <html>
             <head>
               </head>
                 <body>
                   <strong> this is dev community</strong>
                 </body>
           </html>

~Em Element:

This makes text italic. It also semantically place emphasis on the text, which again affects things like screen readers.

        <html>
          <head>
           </head>
             <body>
               <em>some emphasized text</em>
             </body>
       </html>

~NESTING AND INDENTATION:

When we indent any elements, that are within other elements known as nesting element.
                  When we nest any elements within other elements, we create a parent and child relationship between them. The nested element are the children and the elements they are nested within is the parent.


*We use indentation to make the level of nesting clear and readable for ourselves and other developers who will work with our html in the future.
              It is recommended to intent any child elements by two spaces.


~HTML COMMENTS:
  
HTML comments are not visible to the browser; they allow us to comment on our code that so that other developers or our future selves can read them and get some context about something that might not be clear in the code.

      <html>
       <head>
        </head>
          <body>
           <h1>View the html to see the hidden comments</h1>
           <!--I am a html comment -->
           <p>yfyrgjhliuouoiujkljlkjo</p>
           <!--I am another html comment -->
        </body>
      </html
    

    USE THESE HTML ELEMENTS AND CREATE A NEW WEBPAGE.
             THANK YOU......
Spirick TuningLib on GitHub
Tags: cpp, opensource, gamedev, performance
Published: 2021-12-05 12:29:29

Spirick Tuning is a C++ class and template library for performance critical applications.  
Platforms: MS Windows/Linux  
Version 1.48 of the TuningLib is published as an open source project on GitHub.  
[github.com/spirick/tuninglib](https://github.com/spirick/tuninglib)

The Spirick TuningLib is optimized for performance. It provides a large number of classes for memory and object management, strings, multithreading etc. There are many ways to reduce the memory consumption and to increase the computing speed. Using this library, large datasets can be efficiently processed in main memory.
raise a custom exception
Tags: devjournal, ruby, comics
Published: 2021-12-05 12:22:58

begin. rescue. celebrate. ~~no~~ end.

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

3 times exception handling is similar to Christmas season

(1) the air is colder than usual

(2) there’s definitely no shortage of surprises, and

(3) when it happens, you’ll be wishing you could have prepared sooner rather than later

---

further reading: centimentalcomics.com
Deploy to Github pages
Tags: actionshackathon21, actionshackathon, github, javascript
Published: 2021-12-05 11:57:43

### My Workflow
- Checkout latest changes
- Bundle react application to html, javascript files
- Fetch the previous version number from `gh-pages` branch
- Run a minor version update to generate new version number
- Arrange files and assets to commit
- Commit the bundled files to `gh-pages` branch with message `Release: vx.x.x`
- Push the changes to the same branch

### Submission Category: 
Wacky Wildcards

### Link to Code
{% github https://github.com/praveenkumar-kalidass/praveenkumar-kalidass.github.io %}
Enable JSX Support in VS Code | React
Tags: vscode, react, javascript, beginners
Published: 2021-12-05 11:48:06

1. In VS Code, open any source folder and navigate to Settings:
**Ctrl +, on Windows**
2. Go to the Workspace Settings tab.
3. Select Emmet from the Extensions selection on the left sidebar.
4. Select "Edit in settings.json" 
5. In the newly opened settings.json file, add the following lines.

```
{
   "emmet.includeLanguages": {
      "javascript": "javascriptreact"
   }
}
```

Emmet should now be enabled in all.js files!
How To Make A Simple Calculator in Python
Tags: python, beginners, codenewbie, tutorial
Published: 2021-12-05 11:29:55

If you're new to Python, here is a simple project for you! Create an extremely simple Calculator to improve your skills! In this article, I will show you how to make one.

### Making The Inputs
Here, we need to create three inputs for the user to input their desired values.

First we create `num1`, i.e the first number the user needs to calculate.
```Python
 num1 = int(input("❯ Enter The First Number: "))
```
Second, we create `operator` so that the user can input the operator. For example, if the user need to multiply, they can simply enter `*`.
```Python
operator = (input("❯ Enter '+', '-', '*' or '/' "))
```
Lastly for the inputs, we create `num2`, i.e the second number the user needs to calculate.
```Python
num2 = int(input("❯ Enter The Second Number: "))
```
Do not forget to add `int`(integer) before the inputs! 

### Writing Logic
Now we are going to code the logic behind that calculator.

#### If Statements
Using `if` statements, we are going to code so that the calculator respectively adds, subtracts, multiplies or divides.

#### Addition 
```Python
if operator == '+':
    answer = num1 + num2
```
#### Subtraction
```Python
if operator == '-':
    answer = num1 - num2
```
#### Multiplication
```Python
if operator == '*':
    answer = num1 * num2
```
#### Division 
```Python
if operator == '/':
    answer = num1 / num2
```
That's it for the logic!

### The Final Step
That last thing you need to do is print it!
```Python
print("❯ The Answer Is " + str(answer))
```
Again make sure `str`(string) is there!

And that's it, the calculator has been successfully completed! 
Congratulations on this project and happy learning!

Here is the finished product: 

![Finished Product](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bffh484exvg9m91ugxqw.png)
Rancher Update Registry credentials
Tags: rancher, webdev, docker, kubernetes
Published: 2021-12-05 11:18:22

### When you update the rancher credentials for the private docker registry.

Rancher has a really heavy cache for the credentials

and sometimes it takes forever to update to the new credentials

Force the update credentials

- Edit the node
- Point to a docker image that not exist in your registry
- Save the changes go back and scale to 1 node or 2
- When you see the error that the docker image is not found, scale back to 0 nodes
- Edit the node and point to the correct image tag or version
- Save the changes
- Update the nodes to 1, so you can see if the Rancher is pulling the images from the right registry
- After this you can check if she is working or not


- Helpful links
[Rancher Documentation](https://rancher.com/docs/rancher/v2.0-v2.4/en/k8s-in-rancher/registries/)



{% gist https://gist.github.com/leamsigc/68d3f891d9298c35de273caa2b21e453 %}
Two new react frameworks
Tags: react, webdev, discuss
Published: 2021-12-05 11:08:24

React is one of the biggest JavaScript Libraries. Many react frameworks like NextJs, GatsbyJs, etc., were popped in, since. So, in this blog, I will give an introduction to two new react frameworks launched recently.

### Let's get started

## 1. Refine
[Refine](https://refine.dev) - A react-based framework launched in september, 2021.

{% twitter 1440622541249253386 %}

As mentioned in their docs refine gives so many out-of-the-box functionalities for routing, networking, authentication, state management, internationalization, and UI(Ant design). 

![refine website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cq210nz8le5urcg9qdyn.png)

With **Refine**:
- You have full control over UI. 
- It supports so many REST and GraphQL databases like NestJs CRUD, Airtable, Strapi, Strapi GraphQL, Supabase, Hasura, and Altogic.
- It makes your codebase significantly smaller, by eliminating redundant code such as reducers, actions, and unit tests.
- It uses **hooks** as a default way of interacting with components.

It can mainly be used for applications that need to process large volumes of data like admin panels, dashboards, etc.

## 2. Hydrogen
The second framework is [Hydrogen](https://hydrogen.shopify.dev) by [Shopify](https://shopify.dev) launched a few weeks ago.

![hydrogen website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7h157rsajks28812oga5.png)

Hydrogen is another React-based framework to build e-commerce sites. It is like NextJs because it provides server-side rendering. But there are limitations with this framework - currently, you can only build Shopify web storefronts. 
The cool thing is you can directly host your e-commerce site on Shopify with **Oxygen** which Shopify will launch soon.

---

 What do you think about these frameworks? Comment below 👇

---

## ⚒️Tool of the week⚒️

[Responsively](https://responsively.app)
- Responsively is a DevTool for front-end developers. You can see your website on different display sizes. It is open-source and free to use.
![Responsively app](https://responsively.app/assets/img/screenshot.png)

---

You may also like,
- [Different ways to connect react frontend and node backend](https://dev.to/rakeshpotnuru/different-ways-to-connect-react-frontend-and-node-backend-1pik)

---

Hoping this helps you!
Save for reference.
Follow for more awesomeness 😀.
You can connect with me on [Twitter](https://twitter.com/rakesh_at_tweet) and [LinkedIn](https://www.linkedin.com/in/rakesh-potnuru-067a8b1b1).
Program to open office files on the computer
Published: 2021-12-05 11:05:58

Thanks to God, I have completed the work of the program (Hegaa) to open new files on the computer

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aceg6erko9vuhckcdm1q.jpg)
To read and see how the Open File Hegaa program works to open Office files on a computer, or view the code by entering the following link : 
[husseinouda.me/open-file-hegaa](https://husseinouda.me/open-file-hegaa/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qblkbwb6u1544dc4yqpu.jpg)
💡 If you find the program useful..
✍️ Leave a comment below
💡 So that I can develop it to help you read and modify files, and add other types of file extensions
✍️ Or write your feedback on the program to help develop it

Hussein Ouda
Learning Blockchain development #day1 - As a frontend developer.
Tags: beginners, javascript, webdev, blockchain
Published: 2021-12-05 10:50:47


Hello Everyone, I am Kritik Sah and i am a frontend end developer.
I use HTML, CSS, Bootstrap and JavaScript to build a frontend website.
Now I am learning react.js & tailwind css for frontend development. NEXT.js for fullstack development and Mongodb as our database.

![my time optmization](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hosasajs2k6yvtly3oyc.jpg)

I'm will follow this time table which i created for myself.

Starting My blockchain Developer journey from today, I am very confused Where to start and how to progress. I did my research on this but i got myself more confused. That's why i am jumping right Into the dev space for help , support  and collaboration i will be greatful.

---

What i did in last few weeks.

1. Trying to find out what blockchain is and how it works.
> Now i understood about Blockchain  and how it works, Why we have to pay gas and How minners are helping the ecosystems, And about L2 solution to overcome high gas fees.
> Diffrence between Mainnet vs Testnet, Currency(BNB) VS TOKEN(CAKE)

2. What are the requirements to Build a dAPP's, I still don't know much about this.
- We need a basic web development experience to build a simple website.
- We need a wallet lets say MetaMask.
- IDE as a beginner I think [remix.ethereum.org](https://remix.ethereum.org/) will be a good fit for me, Later we will use VS Code.
- Solidity(Programing Language)
- openzeppelin and other npm pakages (not sure about which to use).

3. learn things one at a time and connect with people and learn together.
if you want to connect with me, and build projects together, join my [discord server](https://discord.gg/2BBhj8VCpb). Thank you!.

## We will try to build our first Dapp with next.js and tailwind CSS + Molarir or Infura in our next session
Day 56 of 100 Days of Code & Scrum: Working On Ghost For Blogging This Week
Tags: 100daysofcode, beginners, javascript, productivity
Published: 2021-12-05 10:00:29

Happy Sunday, everyone!

My main objective for this week is to get my professional blog up and running. I intend to use a combination of Next.js frontend deployed on Vercel and Ghost headless CMS deployed on Heroku. If possible, I would like to deploy two applications (main site and blog) in separate repositories, but on the same domain.

## Yesterday

Just like I do every weekend, I did my 8th Weekly Sprint Review and Retrospective, in which I went over what I've managed to do well, what my shortcomings were, and what I could do better in the future.

## Today

I set up my weekly Sprint Goals, which will focus on my **professional blog**.

## Weekly Sprint Goals

- code my blog's Next.js frontend.
- setup Ghost headless CMS.
- have the frontend communicate with Ghost Content API.
- fix the bugs in my company website.
- continue to learn Next.js and Typescript by using concepts while I build my blog or maybe just from reading documentations.
- continue studying for Professional Scrum Master I (PSM I) certification.
- continue networking.

Have a great week, everyone!

![Rammina Thank You Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x9ayfxxxaz2g2hfcqbsk.png)

### Resources/Recommended Readings

- [Content API | Ghost](https://ghost.org/docs/content-api/)
- [Deployment | Next.js](https://nextjs.org/docs/deployment)
- [Official Next.js tutorial](https://nextjs.org/learn/basics/create-nextjs-app?utm_source=next-site&utm_medium=nav-cta&utm_campaign=next-website)
- [The 2020 Scrum Guide](https://scrumguides.org/scrum-guide.html)
- [Mikhail Lapshin's Scrum Quizzes](https://mlapshin.com/index.php/scrum-quizzes/)

### DISCLAIMER

**This is not a guide**, it is just me sharing my experiences and learnings. This post only expresses my thoughts and opinions (based on my limited knowledge) and is in no way a substitute for actual references. If I ever make a mistake or if you disagree, I would appreciate corrections in the comments!

<hr />

### Other Media

Feel free to reach out to me in other media!

<span><a target="_blank" href="https://www.rammina.com/"><img src="https://res.cloudinary.com/rammina/image/upload/v1638444046/rammina-button-128_x9ginu.png" alt="Rammina Logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://twitter.com/RamminaR"><img src="https://res.cloudinary.com/rammina/image/upload/v1636792959/twitter-logo_laoyfu_pdbagm.png" alt="Twitter logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://github.com/Rammina"><img src="https://res.cloudinary.com/rammina/image/upload/v1636795051/GitHub-Emblem2_epcp8r.png" alt="Github logo" width="128" height="50"/></a></span>
How To Fix Exitcode:100 In Mongod Service: MongoDB
Tags: mongodb, linux, database, node
Published: 2021-12-05 10:00:21

If you're trying to configure MongoDB on your Ubuntu 20.04, one of the problems you might encounter is working with the `mongod` service. This article explains how to fix the `exitcode:100` error and why it pops up when you try to start a `mongod` service for the first time on Ubuntu.

However, before I explain how to fix this, how about we look into why the error exists in the first place? Meanwhile, If you're not interested in learning about the 'why', you can skip this part.

## Why do we have an exitcode:100 error?
1. Incorrect file permission to the required database directory.

This happens when the file permission assigned to the database directory does not have the required permissions for operations e.g write and permissions for certain users. The database directory is the directory MongoDB communicates with while performing read and write operations.

2. Missing database directory.

You guessed right! When the database directory does not exist. 

So, how do we fix this error? 
## How to fix the `mongod` service exitcode:100 error.
1. Create a database directory `/data/db` in the root directory if it does not already exist.

`cd ~`

`sudo mkdir -p /data/db`

The `/data/db` directory is the database directory MongoDB uses for all database operations. This explains why `mongod` has to connect to it first before any form of operation can take place between MongoDB and your computer. 

> Note: This operation requires admin privileges, so it is important that we use the `sudo` command.

Now, you can run `mongod` in the terminal and start using MongoDB.


![3H4u.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1638655223040/CHX6nuIhu.gif)

Congratulations! You've just got the second error. Progresss :)

The `mongod` service would fail on this attempt because it needs a write permission to create a lock file. Without a doubt, the next thing to do is give write permission to all users. In this case, we'd use a wildcard(a word I coined for this command) to give all users read, write, and execute permission.

From the root directory, 
`sudo chmod 777 /data/db`

You can read up on linux file permission  [here.](https://www.pluralsight.com/blog/it-ops/linux-file-permissions)

Now, you can run `mongod` and use MongoDB.

Meanwhile, if you found this useful, feel free to let me know in the comment section or anywhere you feel appropriate :) 

See you around!
How to install NVIDIA SDK Manager on Ubuntu
Published: 2021-12-05 09:57:38

---
title: How to install NVIDIA SDK Manager on Ubuntu
published: true
description: 
tags: 
//cover_image: https://direct_url_to_image.jpg
---

Installing NVIDIA SDK Manager on Ubuntu is not straightforward.

## Pre-requisite

- Ubuntu 20.04 Linux


Follow the below steps:

1. Add the Universe Repository to Ubuntu

```
sudo add-apt-repository universe
```

2. Update the repository packages

```
sudo apt update
```

3. Download NVIDIA SDK Manager from NVIDIA site

```
https://developer.nvidia.com/nvsdk-manager
```

4. Install SDK Manager

```
sudo apt install ./sdkmanager_1.6.1-8175_amd64.deb
```
Laravel Prunable Models
Tags: php, laravel, programming, beginners
Published: 2021-12-05 09:34:32

A new feature that appeared in laravel 8.50 is to delete old records once or periodically
```php
<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Prunable;

class Flight extends Model
{
    use Prunable;

    /**
     * Get the prunable model query.
     *
     * @return \Illuminate\Database\Eloquent\Builder
     */
    public function prunable()
    {
        return static::where('created_at', '<=', now()->subMonth());
    }
}
```
Then we do the actual cleaning
```php
php artisan model:prune
```
If you want to count the number of records that have been deleted
```php
php artisan model:prune --pretend
```
you should schedule the model:prune
```php
/**
 * Define the application's command schedule.
 *
 * @param  \Illuminate\Console\Scheduling\Schedule  $schedule
 * @return void
 */
protected function schedule(Schedule $schedule)
{
    $schedule->command('model:prune')->daily();
}
```
I hope you enjoyed the code.
Source :- https://laravel.com/docs/8.x/eloquent#pruning-models