teleren/devto huggingface dataset:
Stacktacular
Published: 2022-08-29 21:10:44

This week's blog prompt:

> _"You just completed your Umbrella Project demos, and introduced your tech stack to the team! In your blog this week, take some time to discuss the technology you’re using and why you chose it. What problems does this stack solve for you, and what challenges do you see it posing? Were you stuck between a few choices, or was this an obvious decision for your team?"_

Kayla and I have chosen the stack detailed below.

![Miro board tech stack](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3nnlndqyi8txgnt4jeyz.png)

She made this super awesome visual, which was a great way to present our tech stack at this past Friday's project demos. In determining what to use for our tech stack, we drew from a variety of sources. First, we discussed what technologies we had used in the past, and found that we have a lot of common ground with Node.js and React. Next, we checked out the [Stack Overflow developer survey](https://survey.stackoverflow.co/2022/#technology-most-popular-technologies) to see what technologies are popular amongst professional developers and to ensure that we're choosing things that are marketable, employable, and have a lot of documentation associated with them. Third, we explored some of the documentation for things that we were thinking of using in order to compare them with other similar technologies.

A nice feature of this tech stack is that we are not having to learn an entirely new language (i.e. Java for the backend), especially as we will both likely need to learn a new (yet unknown) language for our employer host projects. Working with this tech stack ensures that we get continued practice with technology that we're already familiar with as we continue to learn and grow in new technologies. By that same token, we are also not using this as an independent project to solidify the learning of a new language (i.e. if we were both learning Java or Ruby for our employer host projects). As of now, though, we still aren't sure what tech stack we will be working with with our employer host, so getting that practice in was less of a concern at the time of our umbrella project planning.

Overall, I'm excited! It's been a while since I've really dug into some code, and it's been great to start getting back into the swing of things.
Styled Components with Emotionjs
Tags: react, beginners, programming
Published: 2022-08-28 17:51:58

Tired of trying to use an Index.css. Try Emotionjs!

## What is Emotionjs?

Emotionjs is a library that allows you to write css with Javascript. 

##Styled Components 

One way styling your site is to use styled components. 

```javascript
import React, { useState } from "react"
import styled from 'styled-components'

function Todoform(){
return (
        <FormDiv>
            <TitleP onClick={HandleClickFive}>Have Something More To-do?</TitleP>
            <form onSubmit={handleHandlerSubmit}>
                <p><TaskInput onChange={handleChange} type="text" name="task" placeholder="Task"></TaskInput></p>
                <p><TaskInput onChange={handleChange} type="text" name="category" placeholder="Category"></TaskInput></p>
                <SubmitButton type="submit">Add New Task</SubmitButton>
            </form>
        </FormDiv>
    )
}

const FormDiv = styled.div`
background-color: darkgray;
padding: 20px;
background-size: 100%
`

const TaskInput = styled.input`
width: 70%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
`
const TitleP = styled.p`
font-size: 30px;
`

const SubmitButton = styled.button`
border-radius: 12px;
background-color: black;
color: white;
width: 150px;
height: 50px;
`
```

![Form from my ZenCalendar Project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a1cg4w2qhckoz8429jxd.png)

This allowed me to create components inside my file to customize my form. As you can see above I created components and then used those instead on my regular javascript elements. You can also create a separate file for your component and import it into your code. This would be really handy to use if you wanted a specific element to be styled the same throughout your code. 

## Using CSS Prop

Another way to use Emotionjs is by using css as a prop. 

```javascript
import React from 'react'
import { jsx } from '@emotion/react'

render(
  <div
    css={{
      backgroundColor: 'forestgreen',
        color: 'white'
      
    }}
  >
    This has a green background.
  </div>
)

```

![Test](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/02kobywoyo9a8q9c349b.png)

By using the css prop, I was able to edit the line of text inside the div. This allows you to directly edit the styles inside your code lines.

There is much more you can do with Emotionjs, but I will not be covering it with the post. Feel free to check out the docs here [Emotionjs](https://emotion.sh/docs/introduction).
Python Day Simulator - CLI Game
Tags: python, terminalgame, cli
Published: 2022-08-29 20:22:20

I am currently enrolled in the computer science program at codecademy.com. As a first little project we had to program a little python game that is playable from the terminal. 
I chose to do a day in the life simulator with a few choices you have to make. There are also personal stats implemented. 

There is a player class with some attributes and methods to change the attributes. The game asks for user-input (1 or 2) to make choices. 

This is a very basic program, but I am happy that I got it to work and can't wait to improve my coding skills!


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

The code can be found here: https://github.com/leafyus/CS101-Python-Game
Data Engineering 102 ;Introduction to Python for Data Engineering
Published: 2022-08-29 20:07:00






Commit yourself to learn the basics of python specifically the areas that are related to data Engineering.
You will need Python to be installed in the Operating system that you are using be it Linux, Mac OS, or the most common Windows. These are the topics that you should put more emphasis on:-

1.**_MATH EXPRESSIONS_** 

Syntax  Math            Meaning
a+b	  a+b	        addition
a-b	  a-b)            subtraction
a*b	  a\times b\	multiplication
a/b	  a\div b\,	division (see note below)
a//b	  a\div b\      division - in python 2.2 & abv
a%b	  a mod b	        modulo
-a	  -a           	negation
abs(a)	  |a|	        absolute value
a**b	  a^{b}          exponent
math.sqrt          	square root


2.**_Strings_**
Strings in python are surrounded by either single quotation marks, or double quotation marks.
e.g

'hello' is the same as "hello".

You can display a string literal with the print() function:

for more info :
[Link](https://www.w3schools.com/python/python_strings.asp)


3. **_Variables_**
Variables are containers for storing data values.

A variable is created the moment you first assign a value to it.

 x = 5
 y = "John"
 print(x)
 print(y)

for more info:
[Link](https://www.w3schools.com/python/python_variables.asp)

4.**_Loops_**
Python provides three ways for executing the loops

(a)While Loop: 
In python, while loop is used to execute a block of statements repeatedly until a given condition is satisfied. And when the condition becomes false, the line immediately after the loop in the program is executed.
    
   while expression:
    statement(s)

(b) **_For in Loop:_**
 For loops are used for sequential traversal. For example: traversing a list or string or array etc. In Python, there is no C style for loop, i.e., for (i=0; i<n; i++). There is “for in” loop which is similar to for each loop in other languages. Let us learn how to use for in loop for sequential traversals

for iterator_var in sequence:
    statements(s)


(c)**_Nested Loops:_** 
Python programming language allows to use one loop inside another loop. Following section shows few examples to illustrate the concept. 
Syntax: 

while expression:
   while expression:
      statement(s)
   statement(s)

5.**_Functions._**
A function is a block of code which only runs when it is called.

The basic syntax is:
 def my_function():
   print("Hello from a function")

**_6.List, Tuples, Dictionary and sets_** 


Its also important to learn how to connect databases with :-
1.BOTO3
2.Psycopg2
3.mysql

Together with the following essentials;-
1). JSON
2). JSONSCHEMA
3). datetime
4). Pandas
5). Numpy.
Create and publish personal portfolio in seconds 🚀
Tags: redishackathon, express, javascript, portfolio
Published: 2022-08-29 20:00:00

Non technical person? and want to create your portfolio and publish to the internet? 

Use Resume App and fill up the form with the details that you want to see in your resume and hit Create Portfolio button, and that is it you will be redirected to your published portfolio. 

Now you can share the your published portfolio URL to anyone in the world.

[Here is the live site](https://sahirskd.github.io/resume/demo.html)


### Overview of My Submission

I have built a portfolio builder, which helps everyone to create and publish fully personal portfolio in seconds.

I have used **HTML**, **CSS** and **JavaScript** for frontend, I could use react but that didn't make sense for this type of project coz it is already single page web app 😎.

And if I talk about backend I have used **Node** along with **Express.js** 
as a server, and **Redis** as my main database and **Redis OM** to connect my server to Redis Database.

I have used [Heroku](https://www.heroku.com/) to deploy my backend server and [Github pages](https://pages.github.com/) to host my HTML pages.


### Submission Category: 

This project is build for Wacky Wildcards category.

### Video Explainer of My Project

[![Embed your YouTube video](https://raw.githubusercontent.com/sahirskd/resume/main/docs/Screenshot_1.jpg)](https://www.youtube.com/watch?v=urip7_t2oas&themeRefresh=1)

[Note]: # (This is where you can embed the optional bonus video you created to accompany your submission. Ensure your video is published publicly to YouTube and you’ve used the embed tag here to share it with us. By opting to include a video, you will be eligible for BONUS prizes. Learn more in the announcement post.)


### Language Used

- I have used the following languages in this project:
    - HTML
    - CSS
    - JavaScript / Express.js



### Link to Code

[Visit the Github Repo](https://github.com/sahirskd/resume)



### Screenshots

[![Desktop - 1](https://raw.githubusercontent.com/sahirskd/resume/main/docs/Screenshot_1.jpg)](https://sahirskd.github.io/resume/demo.html)

[![Desktop - 4](https://raw.githubusercontent.com/sahirskd/resume/main/docs/Screenshot_4.png)](https://sahirskd.github.io/resume/demo.html)

[![Desktop - 2](https://raw.githubusercontent.com/sahirskd/resume/main/docs/Screenshot_2.jpg)](https://sahirskd.github.io/resume/demo.html)

[![Desktop - 3](https://raw.githubusercontent.com/sahirskd/resume/main/docs/Screenshot_3.png)](https://sahirskd.github.io/resume/demo.html)



Don't forget to give it a try [Visit Now](https://sahirskd.github.io/resume/demo.html)



- - - 

* _Check out [Redis OM](https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries), client libraries for working with Redis as a multi-model database._
* _Use [RedisInsight](https://redis.info/redisinsight) to visualize your data in Redis._
* _Sign up for a [free Redis database](https://redis.info/try-free-dev-to)._
How Chord builds modern payments experiences with Stripe Payment Links
Tags: payments, stripe
Published: 2022-08-29 19:56:33

{% youtube https://youtu.be/6EiMDtOgERo %}

## What you’ll learn

In this episode, Meredith from Stripe interviews Bryan from [Chord](https://chord.co/) to learn how Chord is using Stripe Checkout and Stripe Payment Links to build modern payments experiences. One fun use-case is powering a pre-order system for [Super 73 e-bikes](https://super73.com/)! 

## Audience

This video is primarily for developers curious about ways to use Payment Links and Stripe Checkout to power interesting and modern payment flows.

## Resources
- https://chord.co/
- https://stripe.com/


## What to watch next
- [No-code payments with Payment Links & NFC tags](https://www.youtube.com/watch?v=F8zX1qYgLg8)


## Stay connected

**You can stay up to date with Stripe** **Developer updates** **in a few ways:**

- 📣Follow [@StripeDev](https://twitter.com/stripedev) and [our team](https://twitter.com/i/lists/1459720002567868418) on [Twitter](https://twitter.com/StripeDev)
- 📺 Subscribe to our [Youtube channel](https://www.youtube.com/StripeDevelopers)
- 💬 Join the official [Discord server](https://discord.com/invite/RuJnSBXrQn)
- 📧 Sign up for the [Dev Digest](https://go.stripe.global/dev-digest)
Why is React so popular?
Tags: javascript, react, webdev, programming
Published: 2022-08-29 19:24:00

** Why is React so popular?
**
Before we start talking about popularity, let's understand what React is in the first place.

React is a javascript library developed by Facebook, it allows developers to easily create user interfaces for web and mobile (React Native).

Now we will demonstrate how its become so popular by listing some of its features.

**Flexibility:
**
React flexibility can offer a huge advantage, it allows us to determine how to handle routing, folders structure and even testing.

One other important aspect of React’s flexibility is its ability to be sprinkled into existing applications. Individual elements in a page can be replaced by React, until the entire application makes the transition. (This is actually how Facebook slowly moved from server-rendered PHP to client-side rendered React.).

**Developer Experience:
**
 React offers the option of declaring classes or functions for components, which in turn allows HTML to be housed within JavaScript. This design is opposite to competitors like Angular or Ember, which require developers to learn a special syntax. 

**Community Support:
**
React is in the top most starred repos on GitHub, and it’s downloaded more than 6.6 million times every week. But more important than the number of developers using React is the quality of their experience with the framework.

For those who need support there are hundreds of thousands of react-related stackoverflow answers available to peruse.

With an ecosystem that includes popular names like React Router, React Redux, the community is second to none.

**Performance:
**
While React isn’t necessarily the absolute fastest technologie available, its use of a virtual DOM helps it benchmark quite well compared to the competition. This saves battery and CPU, and simplifies the programming model by re-rendering the screen when necessary.



In conclusion, React is a good library to work with but it’s not perfect. It has many advantages. We will talk about them in another article.

#javascript #html #react #github #design #programming #community #facebook #technologie #testing #developer
ConFoo Montréal 2023: Call for paper is Open
Tags: callforpapers, conferences
Published: 2022-08-29 19:24:00

Want to get your web development ideas in front of a live audience? The [call for papers](https://confoo.ca/en/2023/call-for-papers) for the ConFoo Montreal 2023 developer conference is open! If you have a burning desire to hold forth about PHP, Java, .Net, Python, Ruby, databases, JavaScript, Artifical Intelligence, Security or any other development topics, we want to see your proposals. The window is open until September 23rd, 2022, so hurry. An added benefit: If your proposal is selected and you live outside of the Montreal area, we will cover your travel and hotel.

You’ll have 45 minutes for the talk, with 35 minutes for your topic and 10 minutes for Q&A. We can’t wait to see your proposals!

Until the talks are picked, the price for the tickets will be at its lowest. Once the talks are announced, prices will go up. Check out the [last conference](https://confoo.ca/en/archive) to get an idea of what to expect.
DISTRIBUTED LEDGER TECHNOLOGY SYSTEMS A Conceptual Framework
Tags: dlt, conceptual, pdf, ledgertechnology
Published: 2022-08-29 19:20:46

You can download the DISTRIBUTED LEDGER TECHNOLOGY SYSTEMS A Conceptual Framework PDF from this site.

As a sample, we have attached Chapter 1 . You can read the first chapter here and download the whole book now.


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

Download book at:
https://hecodesit.com/distributed-ledger-technology-systems-a-conceptual-framework/
Bliszter - Publisher for Medium, Hashnode and Devto
Tags: redishackathon, redis
Published: 2022-08-29 19:12:46

---
title: Bliszter - Publisher for Medium, Hashnode and Devto
published: true
description: Easily blog on multiple platforms
tags: redishackathon, redis
---
![Cover Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hnksf5528l88l56e9z51.gif)

### Overview of My Submission
[Bliszter](https://bliszter.vercel.app) is an easy an intuitive way to publish your blog posts on blogging platforms. All you need is markdown text. 

I personally enjoy writing markdown. It's a fairly easy way to compose my content. I have blogged on Hashnode for a while now but I've always wanted to join the Dev community. And yet I want to still able to post my articles, so I made bliszter.

### Submission Category: 
MEAN/MERN Mavericks

### Language Used
Bliszter is 90% Typescript. Why? Why not? I love using Typescript. One thing I enjoy about Typescript is it's forcing you to somehow pretest your code as you write JavaScript.
Bliszter is built with NextJS and deployed on the Vercel Network. All authentication protocols are taken care of by SuperTokens. The editor is just a vanilla ReactMDE while every post written is cached and stored by Redis.


### Link to Code
{% embed https://github.com/arjunlubana/bliszter %}

### Additional Resources / Info

[Redis](https://redis.io)
[NextJS](https://nextjs.org)
[SuperTokens](https://supertokens.com)
[ReactMDE](https://github.com/andrerpena/react-mde#readme)
[Chakra UI](https://chakra-ui.com/)


### Collaborators

This personal project is my way of greeting the Dev Community. I have built the project entirely alone apart from the huge help the dev community gives with an abundance of articles.
Bliszter is open-source and would love if anyone looking to get into OSS to collaborate.

- - - 

* _Check out [Redis OM](https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries), client libraries for working with Redis as a multi-model database._
* _Use [RedisInsight](https://redis.info/redisinsight) to visualize your data in Redis._
* _Sign up for a [free Redis database](https://redis.info/try-free-dev-to)._
WeTube Server 🌐 - YT Clone with Redis
Tags: redishackathon
Published: 2022-08-29 19:06:00





### Overview of My Submission

WeTube Server - The backend of WeTube, an OpenSource YouTube clone,

I've had this project in my plans for about a year now.I have no idea why? 
possibly because I watch YouTube a lot!

There are several tutorials on YouTube for that as well, but I chose to make it myself. 

I received an email regarding the Dev x Redis hackathon when I started the project two days ago.
And I decided to build it with Express and Redis.
And here are the outcomes. 


Actually, I had planned to create the front end as well, but I was unable to do so in two days. 

So I'm submitting the Backend.

Accessible Routes
![Accessible Routes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t1c6mhwtwc7z9qsomhg2.png)

Here is a screen photo of the Frontend (Home Page), which I was unable to complete.
![Sample image of Frontend(Home Page), I could not finish](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/svss9wcfshs67jhs08dd.png)

#### live demo (server) - https://wetube-server-production.up.railway.app

---

### Submission Category: Wacky Wildcards

### Language Used: JavaScript

### Link to Code

{% embed https://github.com/Rinshin-Jalal/WeTube-Server %}

### Additional Resources / Info
  
- [Redis](https://redis.io/)
- [Redis Cloud](https://redis.com/try-free/)
- [Redis OM for Node](https://github.com/redis/redis-om-node)
- [Express](https://www.npmjs.com/package/express)
- [Multer](https://www.npmjs.com/package/multer)
- [Cloudinary](https://www.npmjs.com/package/cloudinary)
- [Multer-Storage-Cloudinary](https://www.npmjs.com/package/multer-storage-cloudinary)
- [Nodemailer](https://www.npmjs.com/package/nodemailer) 



- - - 


* _Check out [Redis OM](https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries), client libraries for working with Redis as a multi-model database._
* _Use [RedisInsight](https://redis.info/redisinsight) to visualize your data in Redis._
* _Sign up for a [free Redis database](https://redis.info/try-free-dev-to)._
Make your python script accessible anywhere in your linux terminal
Tags: python, automation, ubuntu, linux
Published: 2022-08-29 18:46:40

 ---
title: Make your python script accessible anywhere in your linux terminal
published: true
description: 
tags: python, automation, ubuntu, linux
#cover_image: https://unsplash.com/photos/Tjbk79TARiE
#Use a ratio of 100:42 for best results.
---
![Image banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/outaqn2frj1ax7flxsg2.jpg)
Recently I have been trying to automate some of the basic and mundane task that I do on my computer. One of the task that I wanted to automate was opening any of my the popular social media platforms(Instagram, facebook, whatsapp) on the web by typing a simple command on the terminal. 
The problem after coming up with the solution was that I had to go to the directory every time I wanted to use the script. This was not only cumbersome but also defeated the point of my automation so I did a little digging on the web and here are the steps that I took to make my script application globally accessible in the terminal:

* First locate the path for the interpreter you are using by typing the following in the terminal:  
```$ which python3```   
* Add the following line at the top of your script file:
```#! /usr/bin/python3``` -this is the path of your interpreter displayed by the command in the first step.
* Change your scripts permission with the following command:
```chmod u+x socials.py```
* Move your script to the following directory: 
`/usr/local/bin/`. You will need admin access for the operation to be successful.Type the following command ```sudo mv socials.py /usr/local/bin/socials```. You will have to remove the file extension and if the file has `camelCase` change it to `snake_case`
* Alternatively you can create a link to your script without having to move your file by using the following command: 

```sudo ln socials.py /usr/local/bin/socials```

References: 
1. [Linux custom executable globally available](https://stackoverflow.com/questions/10235125/linux-custom-executable-globally-available)
2. [How to make a globally available executable script in the scripting language of your choice](https://gist.github.com/joshwyatt/a6e20d28818b5183258b)
I built a REST API with Redis
Tags: redishackathon, api, node, javascript
Published: 2022-08-29 18:40:34

## What is this

A REST API built with Node to demonstrate Redis persistence.

## Inspiration

Was learning about redis persistence, wanted to try it out.

## Prerequisites

Before you begin, ensure you have met the following requirements:

- You have installed the latest version of `node and redis`

## Getting redi-to-rest

To get redi-to-rest, follow these steps:

```bash
git clone https://github.com/2kabhishek/redi-to-rest
cd redi-to-rest
```

## Using redi-to-rest

```bash
cp .env.example .env
$EDITOR .env #Set the REDIS_URL env to your redis instance
npm start
```

## How it was built

redi-to-rest was built using `neovim`

## What I learned

- Learned about redis ecosystem.

### Submission Category: 

Minimalism Magicians

### Language Used

Node.js

### Link to Code

{% embed https://github.com/2kabhishek/redi-to-rest %}

- - - 

* _Check out [Redis OM](https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries), client libraries for working with Redis as a multi-model database._
* _Use [RedisInsight](https://redis.info/redisinsight) to visualize your data in Redis._
* _Sign up for a [free Redis database](https://redis.info/try-free-dev-to)._