teleren/devto huggingface dataset:
Portfolio - Tech stack and motivation
Tags: dohackathon, rust, webassembly, yew
Published: 2021-01-11 05:43:01

## Portfolio
It's been so long since I last posted in Dev. I was looking for new ideas for hacking and posts and Digital Ocean hackathon started. I decided to finally create my personal website :smile_cat:. It is going to be a static site but with a twist. It will be SPA written in web assembly. Wait What:flushed: Web Assembly for a portfolio. For justice, I will add webgl components but in future:stuck_out_tongue_winking_eye:

### Tech Stack
- [Yew Framework](https://yew.rs/) for writing wasm components. Yew is a frontend framework written in rust and is compiled to wasm target using wasm-bindgen
- [YBC](https://github.com/thedodd/ybc) yew component library based on bulma
- Webpack for compiling and bundling rust, wasm, js, sass,css etc
- Docker for deploying the static app in digital ocean app platform

Code Editor - Jetbrains Clion. To accelerate development I have used [yew webpack starter template](https://github.com/yewstack/yew-wasm-pack-template)

### Why I chose this Tech Stack

I wanted to learn rust and wasm and yew seems to be the best bet. At first I tried the minimal yew setup and I was able to deploy it. Hooray:exclamation:. Hold on there's a problem, unlike React, Yew and Wasm doesn't have well established tooling. Every time I edit the project, I have to recompile the whole app :expressionless:. I had two options use webpack or [trunk](https://github.com/thedodd/trunk) a rust wasm bundler. I decided to go with webpack:stuck_out_tongue:. 

### Additional / More Info
Cover Image - [Unsplash](https://unsplash.com/photos/BMnhuwFYr7w?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink)
DO Hackathon Submission
Tags: dohackathon
Published: 2021-01-11 05:27:00

--- 
series: 2020 DigitalOcean Hackathon
---

## What I built

A recreation of DigitalOcean App Platform called Server Instant Start.

{% github cubiclesoft/server-instant-start no-readme %}

### Category Submission: 

Built for Business
Random Roulette

### App Link

{% github cubiclesoft/server-instant-start no-readme %}

### Video

{% youtube l3yimAjmo9c %}

### Description

Spin up a fully configured Ubuntu/Debian-based web server in under 10 minutes with Nginx (w/ HTTPS), PHP FPM, Postfix, OpenDKIM, MySQL/MariaDB, PostgreSQL, and more.  Deploy your web application too.

### Link to Source Code

{% github cubiclesoft/server-instant-start no-readme %}

### Permissive License

Choose from MIT or LGPL.

## Background/How I built it/Misc

See the first post in the series.
Add chatbot using Dialogflow - Chomtana Portfolio
Tags: dohackathon, showdev, dialogflow, chatbot
Published: 2021-01-11 05:24:06

## How I built it

1. First I built my Dialogflow agent at https://dialogflow.cloud.google.com/
2. I built an open source Dialogflow proxy to let static site client communicate with my Dialogflow agent WITHOUT LEAKING CREDENTIALS. You can see at https://github.com/Chomtana/dialogflow-proxy
3. I deploy `dialogflow-proxy` to DigitalOcean.
4. I develop my static site https://chom.dev and use axios to connect with `dialogflow-proxy` API.

## Screenshots

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kfpzd0c8x1gyrzw4q1d9.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/u910iksntk9k0rerxsbg.png)
Fish shell: iteration with condition
Tags: fish, shell, iteration, condition
Published: 2021-01-11 05:17:26

This post shows how to use iteration and condition in [fish shell](https://fishshell.com/).

For example, as to each file in current directory, let's check if 400KB < the file size and run some commands.

```shell
for x in *
    if test -f $x && test 800 -lt (du "$x" | cut -f1)
        some commands "$x"
    end
end
```

First, [`for`](https://fishshell.com/docs/current/cmds/for.html)` x in *` gives each file as `$x`. Then [`if`](https://fishshell.com/docs/current/cmds/if.html)` test` is used to check (1) if the input is file and (2) the file size.
Besides, "800" means `400 * 1024 / 512`, where the block size is 512 byte.

Well, one-liner is also available.

```shell
for x in *; if test -f $x && test 800 -lt (du "$x" | cut -f1); somecommand "$x"; end; end;
```
Adding the Final Touches
Tags: dohackathon
Published: 2021-01-11 05:16:39

--- 
series: 2020 DigitalOcean Hackathon
---

Well, it is down to the final hours of the DO Hackathon.  Time to release the final touches of the Server Instant Start project:  [Data Relay Center](https://github.com/cubiclesoft/php-drc) integration and the project's YouTube video.

{% github cubiclesoft/server-instant-start no-readme %}

[Data Relay Center](https://github.com/cubiclesoft/php-drc), or DRC, is a multi-channel, scalable WebSocket server.  There are two types of clients per channel:  Authorities and non-authorities.  DRC runs in its own isolated user account on Linux systems, starts at boot, and is quite flexible and scalable when configured properly.  DRC is the missing WebSocket component for PHP environments.  Server Instant Start leverages the full capabilities of DRC by installing PECL and PECL ev (ev exposes libev to PHP userland).  I happen to like libev better than libevent and libuv, which all do the same basic things for scalable event-driven socket I/O operations.

Making a video requires going through a complete video production workflow.  I write a script, rehearse, record, edit, render, and publish.  It can take weeks of advance planning to get through the entire cycle.  And every video project has flaws that crop up, which can require expensive revisits to earlier stages.

Here's the final project video for Server Instant Start:

{% youtube l3yimAjmo9c %}

I've found that making a video really helps boost people's confidence in a project.  It's easier to digest a well-designed video than a wall of text that may or may not have images interspersed.

Now that all the pieces are put together, it is time to go get this project rejected in style!
Cleaner Flutter Vol. 3: Dominating Entities
Tags: dart, flutter, clean, architecture
Published: 2021-01-11 05:11:04

---
title: Cleaner Flutter Vol. 3: Dominating Entities
published: true
description: Getting into the domain layer with entities
tags: dart, flutter, clean, architecture
cover_image: https://images.unsplash.com/photo-1601282522029-0a3c9992d637
---

> ⚠️ This article was deprecated. ⚠️
>
> Check out the updated full article on my personal [blog](https://marcossevilla.dev/cleaner-flutter-vol-3).

You can find even more and keep in contact with me on my socials:

- [GitHub](https://github.com/marcossevilla)
- [LinkedIn](https://www.linkedin.com/in/marcossevilla)
- [Twitch](https://www.twitch.tv/noscopedevs)
- [Twitter](https://twitter.com/MarcosJSevilla)
- [YouTube](https://www.youtube.com/noscopedevs)
Food Recipes with what you have at hand 👨‍🍳
Tags: dohackathon
Published: 2021-01-11 05:09:16

---
title: Food Recipes with what you have at hand 👨‍🍳
published: true
description: My submission to the DigitalOcean App Platform Hackathon!
tags: dohackathon
---

## What I built: A food recipe finder with what you have in your fridge

### Category Submission: Program for the People


### App Link: https://cook.auscode.me/


### Screenshots: ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/28twlcrmsvt3uwho69bb.JPG)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1u7w9xb9pic7nlflpk60.JPG)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/uc9srxcn14b1afit3t3n.JPG)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/e135845nanat9esz7nee.JPG)


### Description:
Are you stuck and bored at your house trying to find new thing ways to kill your time? 

Well, I invite you to try cooking for fun, and do not worry about buying stuff outside, this app will help you to find recipes with what you have at your fridge or "alacena" (cupboard in Spanish). No download or annoying ads, just open the link with your phone, and you will be ready to start. Give it a try, it is totally free.

But remember to share your "food experiments" with your family and friends.

### Link to Source Code: https://github.com/Anstroy/alacena-vue-3


### Permissive License: [MIT](https://choosealicense.com/licenses/mit/)

## Background
When I was in college, I was expending so much money eating out. Everybody kept telling me that I better start eating more at home so I can save some money, thing that I ignored entirely 🙃, when the pandemic hit us all, I was stuck at home trying different things to be active and not sleeping 😴 or watching movies all day, I could not go out anymore to buy groceries that often, so the idea came to me 💡 when I was trying to figure out a way to find food recipes with what I have at hand.

### How I built it 
The project is using Vue.js 3, I wanted to give it a try since I have only used the 2.x version, I am also using for the CSS front-end tailwindcss, and for the API calls I am using spoonacular API, which is amazing and provides a lot of recipes from different website.


### Additional Resources/Info 
We made the project to be a web app to test the Digital Ocean app platform, but we want to make into a mobile app in the near future. Since it is Vue.js we can probably use Cordova or Ionic to build it.
Inspire Tech Life
Tags: dohackathon
Published: 2021-01-11 04:58:12

## What I built
A prototype for Inspired Tech Life, which is a community for developers, designers, data scientists, and beyond. ITF's purpose is to help those in the tech world find help and support through groups, videos, mantras, and find support resources.

### Category Submission: 

Program for the People

### App Link
https://inspiredtech.life/
https://inspiredlaravel-r3hm8.ondigitalocean.app/

### Screenshots

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2z3gzj8en56wyexthr8d.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qso9h56n8qbiiz4eprfw.png)
### Description

 This is the start of a community app. The authentication works, but it has not been built out to the groups, so everything is in the prototype/development stage. The about section lists all the future plans. 

### Link to Source Code
https://github.com/dcartist/inspiredlaravel

### Permissive License
Apache-2.0 License

## Background
(What made you decide to build this particular app? What inspired you?)

While working as an instructional associate General Assembly, I found myself helping to inspire other students (designers, developers, and data scientists) that went beyond just the technical aspect. I feel there is a need for inspirational creative, and encouragement during life, especially when imposter syndrome, depression, doubt, and lack of focus can run amuck in this climate. 

### How I built it 
(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)

This is my first Laravel project and usage of the database feature on Digital Ocean. I picked up an understanding of how to do authentication. 

I hope to continue to work on this. 

### Additional Resources/Info

Background image created by Paula Bannerman
Strong Password Generator
Tags: html, css, javascript, beginners
Published: 2021-01-11 04:57:10

##Password generator##
Passwords are a genuine security danger. Over 80% of hacking-related breaks are because of powerless or taken passwords, a recent report shows. So in the event that you need to shield your own data and resources, making secure passwords is a major initial step. Difficult to-break passwords are unpredictable with different sorts of characters (numbers, letters, and images). Making your passwords distinctive for every site or application additionally shields against hacking.

###What is a password generator?###
A secret key generator is an instrument that consequently produces a secret phrase dependent on rules that you set to make solid and eccentric passwords for every one of your records.

###The best tips for password safety###
1: Ensure your passwords are at least 12 characters in length and contain letters, numbers, and uncommon characters.
2: Always use a unique password for each account you create. The threat with reusing passwords is that when one webpage has a security issue, it’s simple for programmers to attempt the equivalent username and secret word mix on different sites.
3: Evade powerless, normally utilized passwords like **abc123**, **password1**, or Temp!. Some examples of a strong password include: **0rXsHX0*nbv**, **%t&aEcw3zc** etc.
4: Change your passwords when you have reason to, for example, after you’ve shared them with somebody, after a website has had a break, or if it’s been longer than a year since you last turned it

**<a href="https://stackfindover.com/strong-password-generator/" rel="dofollow">Strong Password Generator</a>**
Cha Cha Cha.... Sinatra-Ruby
Published: 2021-01-11 04:55:59

OHhhhhhh boy!! This is my first Sinatra project and it is a "Dooooooooooooozie!!!" Not only does creating a Web application has a few hic ups of its own but with the added regular life stressors. This project really put me through the ringer! However, I learned a few lessons on this mini journey. 

First lesson; being new to a language and its frameworks is one thing but, being new to the industry is another! So the camp that I am in had a break for the holidays. That is no big deal but life has a way of showing itself and it put a funk in my mojo. For the entire break I did not code one time! That made my skills extremely dull and when I tried to get back into the swing of things I had to re-learn a lot of the basic concepts again! With that being said, It is important for me to code something everyday until I feel like I can do most easy to moderate code challenges.

Second lesson that I learned about myself is not to let myself fall to far behind in anything! In this case since I did not code everyday and got dull, I started the re-learning process to late and when I finally started actually tying code it was to late to ask questions that I really needed help with. I missed the multiple office hours where the instructor could have helped me out with a lot. As a result of this I am forced to rush a little bit and figure a lot of stuff out on my own, which is not really a bad thing but concepts that I am using I may not grasp fully or something may break later down the line.

Last lesson I learn is kind of cliché but still very important. Do not count myself out, use any and all resources at your disposal, DO NOT GIVE UP! I had to combine three into one.  There was a lot of internal struggle I was going through. I was thinking of just getting rolled back a class and even doubting my abilities! I could not believe myself. I was staring at my ceiling like I cannot sell myself short. I am not going to go out like that. I need to give it everything I can and if I cannot achieve my goal giving 1000% then and only then shall I concede. Plus I already paid my first installment so I wasn't about to let that slide! So when I got out of my little funk. I found out that I was not the only one going through woes during project week and I learned to lean on my cohort! The help motivate me a whole lot! I definitely forgot that my cohort is a useful tool! 

So now I am here writing this slapped together blog. This is also part of my project requirements. I have pushed through this wall and will continue to bust through any obstacle in my way. These important lessons I will always take with me.
The Book Hub: Free audiobooks player
Tags: dohackathon
Published: 2021-01-11 04:52:43

## What I built
A modern player for public domain audiobooks.

### Category Submission: 
Program for the People

### App Link
http://app.thebookhub.org


### Screenshots
![Curation](https://dev-to-uploads.s3.amazonaws.com/i/wa50r4fh5glcwiho8x0w.png)

![Chapter](https://dev-to-uploads.s3.amazonaws.com/i/xj1qulkjuqmoi5pflper.png)

![Curation on phone](https://dev-to-uploads.s3.amazonaws.com/i/jahtuj1boaizheppc7xm.png)

![Chapters on phone](https://dev-to-uploads.s3.amazonaws.com/i/d6u432k20ctrjrhlz8bd.png)


### Description
We built a modern player for publicly available audiobooks. These are works produced by the librivox community and are of classic literary works that are in public domain. 
 

### Link to Source Code
https://github.com/freeaudiobook/audiobook


### Permissive License
MIT


## Background
There are lot of literary classics that are in the public domain now and there is a community of volunteers reading them out loud into audiobooks for people to listen. This, however, doesn't get the attention that it deserves. 

In today's world, where everything is moving fast and people are always outraged about one thing or the other, it becomes important to *understand and empathize* with people of a different time and classic literary works are a good medium for that. 

Also since language dictates how people think, a phenomenon called _linguistic relativity_, incorporating words from some of the best works in history is necessary to escape the confines of language dictated by the newest fad in social media. Each of these works has survived the test of time and the community of volunteers have put in hours and hours of their time to turn it an audiobook because of the value they saw this could provide the society. 

So we decided to build a modern react-based audio player for these audiobooks, in an attempt to get more attention to this. 


### How I built it 
The application backend is written in Golang. We created a Docker container and we deployed it to DigitalOcean effortlessly. Our service is backed by a PostgreSQL database for which we leveraged the managed database offering from Digitalocean


### Additional Resources/Info
DigitalOcean Hackathon  
Tags: dohackathon, typescript, nextjs, womenintech
Published: 2021-01-11 04:45:59

## What I built 
For this project, Robert Osborne and (I) Victoria Bigsby worked on creating a Portfolio using the DigitalOcean platform. Robert Osborne was the engineer in the team while I was the UI Designer.  

#### Roles
Victoria Bigsby (@vbigsby): UX/UI Designer
Robert Osborne (@r0b): Software Engineer

### Category Submission 
Personal Site/Portfolio 

### App Link 
https://portfolio-qmi3y.ondigitalocean.app

### Screenshots
![Screen Shot 2021-01-10 at 8.20.00 PM](https://dev-to-uploads.s3.amazonaws.com/i/59tfk0mer35cd90kohqu.png)
![Screen Shot 2021-01-10 at 8.37.06 PM](https://dev-to-uploads.s3.amazonaws.com/i/qvrbbpm8ztuke8bpmm8i.png)
 
### Description 
The main focus of this project was just to create version 1 of the portfolio piece. Since this was our first time using the DigitalOcean platform we wanted to ensure we had a finished product by the end date.  

### Link to Source Code
https://github.com/VBigsby/portfolio

### Permissive License
[MIT License](https://github.com/VBigsby/portfolio/blob/main/LICENSE.txt)

## Background
The reason we wanted to build a portfolio is that (I) Victoria Bigsby am a UX/UI student at Springboard.  During this curriculum, designers will need to create a portfolio piece. With 3 months left in my program, our team thought to get a jump start on this.

The reason I wanted to try this route is that I eventually am aiming to learn more HTML, CSS, and Javascript. With a portfolio and maintaining the site, would give me an excellent opportunity to learn.   

### How I built it 
We used these technologies to build the app:
- React 
- TypeScript
- Next.js 
- Figma
- Digital Ocean's App Platform

We had deployed our app using the Next.js starter repo but given that the app only has two static pages we had to redeploy the app to a static site. This was a case where the documentation proved to be more helpful than the starter repos.

### Additional Resources/Info
Please check out our CaseStudy [here]('https://www.figma.com/proto/rxPEpSMZSy9awKtAcpao2Q/Portfolio?node-id=116%3A260&scaling=min-zoom')
Portfolio App for Hackathon
Tags: dohackathon
Published: 2021-01-11 04:44:55

Hello everyone!

First: Happy New Year!

Next, this is my first post on dev.to ever. I want to talk about the app I created for the DO hackathon. It is at the same time also my first time using NextJS and DigitalOcean. So there was a lot overhead with very few time... So it is not much in the end.
Anyway, I want to say thank you for the hackathon. I must say that I learned a lot and found a new interest in NextJS.

What I built:
I built a personal portfolio website with NextJS.

Category Submission: 
Portfolio

App Link:
https://portfolio-r6j3l.ondigitalocean.app/

Description:
A very simple portfolio website that has 3 pages which are About, Expertise and Projects. I also added a few possiblities for contacting.

Permissive License:
MIT License

Background:
I never created a portfolio site and it sounded tempting to try it out. I checked a few sites for inspiration but i cant say that it helped.

How I built it:
I used DO Apps to deploy the NextJS app. I was pretty impressed by the easy web interface compared to AWS. This was my first time playing around with NextJS and it felt quite overwhelming. Although i think that i learned a few things like Routing and Pages in the short time that i had for the project. Wish i could have started earlier for a better outcome. Next (:P) time i guess...

Have a nice Day!