teleren/devto huggingface dataset:
App Prototype
Tags: hasura
Published: 2017-06-11 12:44:47

---
title: App Prototype
published: true
description: Prototype of my web app snipcode
tags: hasura
cover_image: https://goo.gl/7zsyVV
---

From my last post about the app idea, I am writing this post about prototyping that idea about saving and sharing code snippet.

For prototyping I used proto.io, since it provides amazing features which will give you the exact functionality you want in your web app without writing a single line of code. You can build your prototype here and validate or take feedback from others about your idea. It is a great platform for building prototype.

Now, my web app concludes basically in 3 screens.

![alt text](https://thepracticaldev.s3.amazonaws.com/i/bo0v6uxkstrfczywl6gz.png "Screen1")

This is where the user is going to type in or paste their code and set the rules of discovering it by others.

![alt text](https://thepracticaldev.s3.amazonaws.com/i/yiskduylcx6vddt1objb.png "Screen2")

This is for searching the codebase of our site to search the code snippets submitted by others. In future, there will be more filters to be added in search option like search by tags or by language. Clicking on the discovered snippets will send the user to the screen 1 but this time he can only see the code. The editing privileges will be given only to the user who submitted that snippet.

![alt text](https://thepracticaldev.s3.amazonaws.com/i/t9ncwpmq8lwxyo7t8kgn.png "Screen3")

This is the user profile where he can see all the code snippets and the favorite ones and can edit the submitted code snippets. Clicking on the list of snippets will send him to the edit page i.e screen 1

You can see my prototype by clicking this [link](https://pr.to/K9J3WD/)
And comment out your feedbacks here so that I can improve it.

In my next blog, I am going to post how to set up the local environment for making this prototype into a real web app serving developers like you. Meanwhile, you can check my other posts also.


*Here is the index of all the post regarding this series of snipcode developemnt*

[Part I: App Idea](https://dev.to/sroy8091/app-idea-for-hasura-internship)
[Part II: App prototype](https://dev.to/sroy8091/app-prototype)
[Part III: Local Development](https://dev.to/sroy8091/hasura-local-development)
[Part IV: G for Git](https://dev.to/sroy8091/g-for-git)
[Part V: Data Modeling](https://dev.to/sroy8091/its-modeling-time)
[Part VI: Data & Auth APIs](https://dev.to/sroy8091/postman-a-major-tool-for-developers)
[Part VII: Basic Functionalities](https://dev.to/sroy8091/i-love-cookies-expressjscookies)
[Part VIII: App Screen 1](https://dev.to/sroy8091/i-built-it-with-codemirror)
[Part IX: App Screen 2](https://dev.to/sroy8091/app-screen-2)
[Part X: App Screen 3](https://dev.to/sroy8091/search-page-using-postgres-full-text-search-feature)
[Part XI: User Reviews](https://dev.to/sroy8091/improvements-in-my-web-app)
[Part X: Final Submission](https://dev.to/sroy8091/final-app-submission)
App Idea for Hasura Internship
Tags: hasura
Published: 2017-06-11 12:23:17

---
title: App Idea for Hasura Internship
published: true
description: 
tags: hasura
---

Some lines of code are reusable everywhere and we generally retype it according to use. What if these codes can be stored in an ordered way so that it's easy to find and use. This was a problem I faced like thousands of time. So I started storing them on my hard disk. But what if I want to share these codes to my community or to my friend's group in college. There should be a common platform to share and store these code snippets.

This leads me to my app idea of making a web app where the user can store privately their snippets or can share them publically.

This is the story of SnipCode. 

In my next blog, I will be describing the prototype of my web app.

*Here is the index of all the post regarding this series of snipcode developemnt*

[Part I: App Idea](https://dev.to/sroy8091/app-idea-for-hasura-internship)
[Part II: App prototype](https://dev.to/sroy8091/app-prototype)
[Part III: Local Development](https://dev.to/sroy8091/hasura-local-development)
[Part IV: G for Git](https://dev.to/sroy8091/g-for-git)
[Part V: Data Modeling](https://dev.to/sroy8091/its-modeling-time)
[Part VI: Data & Auth APIs](https://dev.to/sroy8091/postman-a-major-tool-for-developers)
[Part VII: Basic Functionalities](https://dev.to/sroy8091/i-love-cookies-expressjscookies)
[Part VIII: App Screen 1](https://dev.to/sroy8091/i-built-it-with-codemirror)
[Part IX: App Screen 2](https://dev.to/sroy8091/app-screen-2)
[Part X: App Screen 3](https://dev.to/sroy8091/search-page-using-postgres-full-text-search-feature)
[Part XI: User Reviews](https://dev.to/sroy8091/improvements-in-my-web-app)
[Part X: Final Submission](https://dev.to/sroy8091/final-app-submission)
Hi, I'm Stéphane Bisinger
Tags: introductions
Published: 2017-06-11 10:15:58

---
title: Hi, I'm Stéphane Bisinger
published: true
description: My introduction post
tags: introductions
cover_image: https://thepracticaldev.s3.amazonaws.com/i/76mknhqal3g5q9t9vase.png
---

I have been coding for around 17 years.

You can find me on GitHub as [Kjir](https://github.com/Kjir)

I live in the beautiful city of Zürich, Switzerland.

I work for [Renuo](https://www.renuo.ch/), a small Ruby-based Web Agency.

I mostly program in Ruby and Javascript.

I am currently learning more about Elixir and Functional Programming, also applied to React and Javascript.

Nice to meet you.
Hi, I'm Henrik
Tags: introductions
Published: 2017-06-11 08:01:43

---
title: Hi, I'm Henrik
published: true
description: My introduction post
tags: introductions
---

I have been coding infrequently for 5 years.

You can find me on GitHub as [HanKooR](https://github.com/HanKooR)

I live in Celle.

I am a working student in IT-security management studying business information systems.

I mostly program in these languages: Java and C++.

I am currently learning more about safety-critical and DO-qualified Sw-engineering in ANSYS-SCADE Suite.

Nice to meet you.
Running tests for .NET and Node.js on Travis CI
Tags: travisci, javascript, node, dotnetcore
Published: 2018-02-10 22:32:39

---
title: "Running tests for .NET and Node.js on Travis CI"
published: true
tags: travis-ci,javascript,nodejs,dotnet-core
canonical_url: 
---

### Introduction

Together with a colleague I started working on [Partei](http://partei.be). Like a lot of projects this consists of a web api that does some stuff and a front-end.

To make things easy we decided to serve our front-end from the same server that serves our api and to keep them in the same git repository. We opted for ASP.NET Core in the back-end and React in the&nbsp;front.

We set up the projects and configured Travis CI to run our tests and publish to&nbsp;Heroku.

Initially we only had&nbsp;.NET tests and Travis ran them without a problem. But then we introduced Jest tests for the front-end. Travis CI has Node.js installed by default on the&nbsp;.NET environment so thing should go&nbsp;smooth.

But things didn’t go smooth. Apparently the default version of Node.js is 4 and our project is written using Node.js&nbsp;8.

Time to figure out a solution for&nbsp;this.

### Solution

I created a [repo](https://github.com/bartw/dotnetcore_node_travis) with a&nbsp;.NET Core test project and an npm project both with a simple&nbsp;test.

[bartw/dotnetcore\_node\_travis](https://github.com/bartw/dotnetcore_node_travis)

On Travis CI, Node Version Manager ([nvm](https://github.com/creationix/nvm)) is available. In my&nbsp;.travis.yml file I used nvm to install Node.js 8 and use this version to run our&nbsp;tests.

Now both the&nbsp;.NET tests and the Node.js tests are running together.
How to keep functionality in sync between codebases?
Tags: discuss, devops, javascript
Published: 2017-06-11 01:10:41

---
title: How to keep functionality in sync between codebases?
published: true
tags: discuss, devops, javascript
---

I'm building up a new project that will consist of a central API, which a number of different sub-projects will link into.

For simplicity's sake, let's say that part of the functionality of the whole platform is to get an image's metadata. This might happen in the core API, or on either the server or front-end of one of the sub-projects.

All of this will be written in Javascript, and functions like this will be pure and contained in their own modules. I'd like to have a single place where I can create and edit these modules, so that in any instance above, I can do something like:

```
import getImageMetaData from 'getImageMetadata'; // it's within node_modules

const resource = 'http://example.com/image.jpg'
const metaData = getImageMetaData(resource);

...
```

Is the simplest way simply giving this module its own github repo, then including it in `package.json` on all of the different sides of the service, and constantly run (using hooks or whatever) `npm install upgrade my-package`?

Any smart ways to keep this all in sync? Preferably as automated as possible ~ there might be up to a dozen of the front-end sub-projects, and I want to be sure that I can fix all of them at once.
Hi, I'm Carl Hubscher
Tags: introductions
Published: 2017-06-10 19:40:22

---
title: Hi, I'm Carl Hubscher
published: true
description: My introduction post
tags: introductions
---

I have been coding for 29 years.

You can find me on Twitter as [@carlhub](https://twitter.com/carlhub)

I live in Leesburg, VA (Wash DC suburb)

I work for no company as recently unemployed.

I mostly program in these languages: PL/SQL.

I am currently learning more about JAVA.  

Feeling like a legacy app.

Nice to meet you.
Hi, I'm Atul Sirpal
Tags: introductions
Published: 2017-06-10 18:15:26

---
title: Hi, I'm Atul Sirpal
published: true
description: My introduction post
tags: introductions
---

I have been coding for 10 years.

You can find me on Twitter as [@atulsirpal](https://twitter.com/atulsirpal)

I live in Ambala,India.

I work for [EVRY]

I mostly program in these languages: [C#,JS].

I am currently learning more about [Docker].

Nice to meet you.
Hi, I'm karthik rk
Tags: introductions
Published: 2017-06-10 16:45:12

---
title: Hi, I'm karthik rk
published: true
description: My introduction post
tags: introductions
---

I have been coding for 3 years.

You can find me on Twitter as [@karthikrk2](https://twitter.com/karthikrk2)

I live in Bangalore.

I mostly program in Java or JavaScript.

I am currently learning more about Node js.
Hi, I'm Ideas Explorer
Tags: introductions
Published: 2017-06-10 14:54:34

---
title: Hi, I'm Ideas Explorer
published: true
description: My introduction post
tags: introductions
---

I have been coding for many years.

You can find me on Twitter as [@richarddemileto](https://twitter.com/richarddemileto)

I live in Buenos Aires.

I work for InfOil

I mostly program in these languages: Smalltalk, RoR.

I am currently learning more about Deep learning.

Nice to meet you.
Ashish-Kapoor@Dev.to
Tags: introductions
Published: 2017-06-10 13:50:22

---
title: Ashish-Kapoor@Dev.to
published: true
description: My introduction post
tags: introductions
---

Hi, I'm Ashish Kapoor

I have been coding for more than 3 years.

You can find me on Twitter as [@SwiftObjc](https://twitter.com/SwiftObjc)

I live in New Delhi.

I work for Navitas

I mostly program in these languages: Swift, JavaScript.

I am currently learning more about solving problems the right way.

Nice to meet you.
Hi, I'm Max von Hippel
Tags: introductions
Published: 2017-06-10 06:26:17

---
title: Hi, I'm Max von Hippel
published: true
description: My introduction post
tags: introductions
---

I have been coding for 8 years.

You can find me on GitHub as [maxvonhippel](https://github.com/maxvonhippel)

I've worked on a variety of academic and professional projects.  You can check out my open-source resume [here](http://mxvh.pl/resume/), or my interactive, open-source landing page [here](http://mxvh.pl).

I aspire to be a cybersecurity engineer.  If you have a cool open-source security project you're working on and are looking for contributors, shoot me an email!
Hi, I'm Emily Chen
Tags: introductions
Published: 2017-06-09 22:20:46

---
title: Hi, I'm Emily Chen
published: true
description: My introduction post
tags: introductions
---

I have been coding for 3 years.

You can find me on GitHub as [tenshiemi](https://github.com/tenshiemi)

I live in Seattle.

I work for Truss

I mostly program in these languages: Javascript.
Hi, I'm Hafizha Fauzani
Tags: introductions
Published: 2017-06-09 18:28:04

---
title: Hi, I'm Hafizha Fauzani
published: true
description: My introduction post
tags: introductions
---

I have been coding for about 3.5 years.

You can find me on Twitter as [@hafizhaff](https://twitter.com/hafizhaff)

I live in Indonesia.


I mostly program in these languages: Java, Matlab, Python.

I am currently learning more about Natural Language Processing.
Hi, I'm Robert Newton
Tags: introductions
Published: 2017-06-09 18:09:58

---
title: Hi, I'm Robert Newton
published: true
description: My introduction post
tags: introductions
---

I have been coding for 3 years.

You can find me on GitHub as [newtorob](https://github.com/newtorob)

I live in Chattanooga.

I work for a consulting company.

I mostly program in these languages: Java, Javascript, C++, Go.

I am currently learning more about Go, Machine Learning.

Nice to meet you.
Hi, I'm Rohan Singh
Tags: introductions
Published: 2017-06-09 18:07:16

---
title: Hi, I'm Rohan Singh
published: true
description: My introduction post
tags: introductions
---

I have been coding for 1 years.

You can find me on Twitter as [@zaraki596](https://twitter.com/zaraki596)

I live in Mumbai.

I am College Dropout (Long Story -__-)

I mostly program in these languages: Java, C.

I am currently learning more about Android, Java and most Importantly about Data Structures and Algorithms.

Nice to meet you.
Hi, I'm Shuffler ⚡
Tags: introductions
Published: 2017-06-09 16:06:09

---
title: Hi, I'm Shuffler ⚡
published: true
description: My introduction post
tags: introductions
---

I have been coding for [4] years.

You can find me on Twitter as [@TenFeetShuffler](https://twitter.com/TenFeetShuffler)

I live in [Cairo].

I work for [Spectre]

I mostly program in these languages: [Java, Kotlin].

I am currently learning more about [Android].

Nice to meet you.
Hi, I'm Jacob Moore
Tags: introductions
Published: 2017-06-09 14:45:35

---
title: Hi, I'm Jacob Moore
published: true
description: My introduction post
tags: introductions
---

I have been coding for [3] years.

You can find me on GitHub as [jmmoore](https://github.com/jmmoore)

I live in [Wichita, KS].

I work for [myself].

I mostly program in these languages: [Java, Python].

I am currently learning more about [Kotlin] and [Writing].

Nice to meet you.
Persisting application state with Redux and localStorage
Tags: localstorage, redux, react, javascript
Published: 2019-04-21 15:23:55

---
title: Persisting application state with Redux and localStorage
published: true
tags: localstorage,redux,react,javascript
canonical_url: https://dev.to/arojunior/persisting-application-state-with-redux-and-localstorage
---

![](https://cdn-images-1.medium.com/max/1000/1*yiuStIm2N_qkZ34v4nwCVQ.png)

_Note: It was originally wrote in Portuguese and translated by Google_

This library allows you to monitor the status of the application ([_Redux_](http://redux.js.org/) _store_) and [_replicate_](https://developer.mozilla.org/pt-BR/docs/Web/API/Window/Window.localStorage) in [_localStorage_](https://developer.mozilla.org/pt-BR/docs/Web/API/Window/Window.localStorage) (browser), thus allowing the page to be reloaded without the state being lost.

- The first step is to import the library and inform the _store_

```js
import { createStore, combineReducers } from 'redux'
import storeSynchronize from 'redux-localstore'
import { Reducer1, Reducer2 } from './modules'

const combineReducer = combineReducers({  
 Reducer1,  
 Reducer2  
})

export const store = createStore(combineReducer)

storeSynchronize(store)
```

Only with bold lines, the entire state of your application will be replicated to the _browser_ ‘s localStorage. The other rows are default settings for _Redux_ application.

- As second step, you need to configure the _reducers_ so that they collect this data from the _localStorage_ when the application starts / reloads.

```js
import { defineState } from 'redux-localstore'

const defaultState = {
  data: null
}

const initialState = defineState(defaultState)('Reducer1')

export default (state = initialState, action) => {
  switch (action.type) {
    case 'ACTION1':
      return {
        ...state,
        data: action.payload
      }
    case 'ACTION2':
      return {
        ...state,
        data: null
      }
    default:
      return state
  }
}
```

The method **defineState** checks if it has _something_ in _localStorage_ , if it does, it uses it as the initial state … Otherwise, it uses the default state set. Very simple, is not it?

The only detail to note is that the name passed as the second argument to the _defineState_ is the name of the _Reducer_ used in the _combineReducers_ .

The settings are basically these and you can find the library at: [https://github.com/arojunior/redux-localstore](https://github.com/arojunior/redux-localstore)
Hello World!
Tags: alexa
Published: 2017-09-27 16:05:49

---
title: "Hello World!"
published: true
tags: alexa
canonical_url: https://medium.com/voice-camp/hello-world-f6683203ab09
---

This is the first of hopefully a regular series of posts about developing user interfaces and experiences for the fast-growing field of _voice-powered_ smart assistants.

As with most projects, it helps to establish context and set some goals for any activity. In this case, I hope to target the ongoing [Actions For Google Challenge](http://developers.google.com/actions/challenge/) for a submission in late&nbsp;August.

{% tweet 867099432419905536 %}

That gives me approximately 10 weeks to explore the broader domain but also pay closer attention to the specific tools and design guidelines required to make such _conversational experiences_ feel frictionless and&nbsp;magical.

The other platform I also hope to explore is Amazon’s Alexa. It helps that they also have an ongoing competition for June, focused on educating developers to build a simple Alexa&nbsp;Skill.

{% tweet 870357924035670022 %}

There are other platforms that need to be explored in this space, but for a start, I hope to use **Google Assistant** and **Amazon Alexa** as my two core targets for advancing and amplifying my understanding of smart assistants.

### **About VoiceCamp**

VoiceCamp is a subset of my planned _StudyCamp_ series focused on providing not just tutorials and coverage of a specific technology, but potentially creating one or more _trails_ that can be used within communities (like my Google Developer Group chapters in NYC and Hudson Valley) to provide structured exploration and learning in a study group&nbsp;setting.

* * *
Hi, I'm Sithu
Tags: introductions
Published: 2017-06-09 12:46:06

---
title: Hi, I'm Sithu
published: true
description: My introduction post
tags: introductions
---

I have been coding for 8 years.

You can find me on GitHub as [sithukyaw007](https://github.com/sithukyaw007)

I live in Singapore.

I work for Microsoft


I am currently learning more about Azure Functions and .NET Core.

Nice to meet you. :)
Dreams-blogs-mentors
Tags: career, blogging, mentors, dreams
Published: 2017-06-09 12:43:57

---
title: "Dreams-blogs-mentors"
published: false
description: 
tags: career,blogging,mentors,dreams
published: true
---
I have been working as a software developer since last 3 years, A lot of things happened in these past 3 years.

During my course,

1. I wanted to become “world class” developer.
2. I wanted to travel at least 3 countries.
3. I wanted to work for top companies.
4. I wanted to see my self as a “The Solution Provider”.
5. I wanted to have a huge salary package.

All these are served me as great motivators.

With all these wishes and ambitions I started my career, putting my head into all the technologies and all the projects, surfing on the internet for latest tech and trends….getting complements from my managers… All is well,

Now the time has come. ” THE PERFORMANCE REVIEW ”

Every body know what happens in side the cabin. (if you don’t know read my gurus blog posts: http://sivaprasadreddy.com/)

Now there is not that momentum, once there is not much momentum I started to observe my surroundings, what happens around me. then the perfect question comes “Y?”

If you have a mentor, you are the most fortunate person. then i started for a mentor, who can answer all my questions.

The quest begins.  Where to start.?

My quest stared from InfoWorld form there to I landed to Dzone  , great place to read blog post from great people from all around the world.

After some days , One fine day I happen to read a blog post from sivalabs

After reading the blog posts,  I got greatly motivated. I started following him, through his blog posts, tweets, linked in,Github, emails… I used almost all social networking sites 

He is like a static Ip for me though which i connected to the world of developers. 

From there now I follow great people, great articles.

Here is the some of my favorite blogs

http://sivalabs.in/
https://shekhargulati.com/
https://trishagee.github.io/
http://www.baeldung.com/
https://www.thoughts-on-java.org/


I was grateful to http://sivalabs.in/ ,  for being my mentor.

> The ladder of success is best climbed by stepping on the rungs of opportunity.
  -Ayn Rand

Thanks for all the great people, who blog their thoughts, those will  become stepping stones for young people like me.
Hi, I'm Roya
Tags: introductions
Published: 2017-06-09 10:27:16

---
title: Hi, I'm Roya
published: true
description: My introduction post
tags: introductions
---
<img src="https://thepracticaldev.s3.amazonaws.com/i/maolg4uflqsvpfxrsbp5.jpg">
I have been coding for 20 years.

You can find me on Twitter as [@roya](https://twitter.com/roya)

I live on a farm in Co. Wexford in Ireland

I founded and work for Detour Guide

I mostly program in these languages: PHP, Javascript, ReactJS.

I am currently learning more about game development in Unity.

Nice to meet you.
Hi, I'm Alex Muraro ðŸ‡ªðŸ‡º
Tags: introductions
Published: 2017-06-09 10:07:24

---
title: Hi, I'm Alex Muraro ðŸ‡ªðŸ‡º
published: true
description: My introduction post
tags: introductions
---

I have been coding for 6 years.

You can find me on Twitter as [@akmur](https://twitter.com/akmur)

I live in Aachen, Germany.

I work for navabi GmbH.

I mostly program in these languages: HTML, CSS, JavaScript.

I am currently learning more about VueJS.

Nice to meet you!
Hi, I'm Scott
Tags: introductions
Published: 2017-06-09 09:47:44

---
title: Hi, I'm Scott
published: true
description: My introduction post
tags: introductions
---

I have been coding for 12 years.

You can find me on Twitter as [@ScottHague1](https://twitter.com/ScottHague1)

I live in Reading (UK).

I work for MRX (ManagedRacks)

I mostly program in these languages: Golang,Node,PHP,Java.

I am currently learning more about Swift, Machine Learning.

Nice to meet you.
Hi, I'm Andy Shevchenko
Tags: introductions
Published: 2017-06-09 00:41:41

---
title: Hi, I'm Andy Shevchenko
published: true
description: My introduction post
tags: introductions
---

I have been coding for 30 years.
You can find me on Twitter as [@gravisus](https://twitter.com/gravisus)
I live in Auckland.
I work for Flintfox International
I mostly program in these languages: X++, T-SQL, C#.
I am currently learning more about Music :).
Nice to meet you.
Hi, I'm nikosv
Tags: introductions
Published: 2017-06-08 21:13:56

---
title: Hi, I'm nikosv
published: true
description: My introduction post
tags: introductions
---

I have been coding for [number] years.

You can find me on Twitter as [@nikosvg](https://twitter.com/nikosvg)

I live in [city].

I work for [company]

I mostly program in these languages: [languages].

I am currently learning more about [topic].

Nice to meet you.