DEV Community: Yashu Mittal

What kind of open source license should I use for my project?

Yashu Mittal — Wed, 09 Sep 2020 04:20:00 +0000

I am building an open source project, which allows the users to download the build (version) of application, self-host anywhere and use it for either personal or business use.

Restrict:

Resell the application build or source code
Rebranding
Distributing the modified version

Allowed:

Private use
Business use
Modification (use the modified code on your own or contribute back to original source code)
Distribution (only the official application build or source code)

I do want to leverage the power of open-source, while avoid mis-use of source code.

Please let me know a license which can fulfil these set of conditions.

Thanks

Open source software to track user feedback. What do you think about it?

Yashu Mittal — Sun, 30 Aug 2020 04:34:17 +0000

LogChimp is an open source free self-host-able software for products makers to get feedback from their users and start building better version of your product.

A preview of product I'm trying to build, and the code is open source on GitHub.

NOTE: The product image you see above is a product roadmap.

With the goal set in mind, I was able to build the MVP (v0.1.0). Here's a gif of the working LogChimp app.

Hope that gif have pinged your interest. I would love to hear your feedback and suggestions.

Please give the LogChimp MVP a try on your local machine.

LogChimp

Track user feedback to build better products

🧐 About

LogChimp is self-hosted platform for products makers to get feedback from their users and start building better version of your product.

🤝🏻 Community

Stay up to date on the development of LogChimp you can star this repository, follow us on Twitter or reach out to the community with these helpful resources.

Follow @logchimp on Twitter.
Join the official LogChimp Discord

⛏️ Built Using

Contributing to LogChimp project is fairly easy.

Express - Node.js web framework
PostgreSQL - Backend database
Vue.js - Front end

🙏🏻 Credits

Development is sponsored by CodeCarrot.

View on GitHub

In case of any question you can drop them in comment section below or DM me on Discord ヤシュミッタル#1475.

Community

Stay up to date on the development of LogChimp or reach out to the community with these helpful resources.

Follow @logchimp on Twitter
Join our LogChimp Discord server

Thanks
Yashu Mittal

✌️

[solved] How to resolve this issue? "ssh: Could not resolve hostname github.com: nodename nor servname provided, or not known"?

Yashu Mittal — Wed, 12 Feb 2020 16:21:13 +0000

If you are getting this in your terminal.

ssh: Could not resolve hostname github.com: nodename nor servname provided, or not known

and you are thinking that the problem is related to ssh or GitHub, then you are totally wrong.

Believe me, I made the same mistake 😅

The easiest way to resolve this issue to run this command in your terminal.

git config --global --unset http.proxy 
git config --global --unset https.proxy

Database triggers not working

Yashu Mittal — Wed, 12 Feb 2020 10:44:35 +0000

Here's the SQL query for the function which get the post_id whenever there is a new entry in the table voters and based on that it count all the posts having same ID and set that value in the post table in a column.

Function

CREATE OR REPLACE FUNCTION update_vote_count()
RETURNS trigger
LANGUAGE 'plpgsql'
AS $BODY$
BEGIN
  UPDATE post SET votes = (SELECT COUNT(*) FROM voters WHERE post_id = NEW.post_id) WHERE post_id = NEW.post_id;
  RETURN NEW;
END;
$BODY$

Trigger

CREATE TRIGGER voters_count
  AFTER UPDATE
  ON voters
  FOR EACH ROW
  EXECUTE PROCEDURE update_vote_count();

The problem is that, this function is not triggering and I don't even know how to debug these database functions/triggers.

Best way to store array type data inside database?

Yashu Mittal — Mon, 10 Feb 2020 08:17:41 +0000

What is the best way to store string of array inside a database column?

I have a tags columns, where I want to store multiple tags.

Now I can think of two possible way to this but not sure which is really effective for large-size data.

1st

Directly store the data in an array of a row.

[ { id: 1, name: 'action' }, { id: 2, name: 'classic' }, { id: 3, 'science fiction' } ]

If I want to add the data I push at the end of the array and for remove I can search it by ID.

2st

Create a separate tags table.

| id | name | post_id | tag_id |
| --- | --- | --- | 2 |
| 1 | 'action' | 342342 | 34 |
| 2 | 'classic' | 32424453 | 432 |
| 3 | 'science fiction' | 32424453 | 34 |

Based on the post_id in the tags table I can get all the tags for that specific post.

NOTE: These are not the actual tags but the reference where; which post is having which tag.

I would like to hear your feedback on these two ways, if you have another way to deal with array data type, please let me know in the comment section below.

Creating an open source software to collect user feedback

Yashu Mittal — Sun, 09 Feb 2020 10:03:21 +0000

Why?

There're many paid products providing the similar service but it comes at greater cost as they set their pricing based on the number of user they're tracking (a tracked user is anyone who posts, votes, or comments) and mostly their base price starts at $50 to $60 per month with limited number of users to track.

That's why...

🔼 LogChimp to rescue

I created an open source software for site admins to self-deploy the application and allow them to collect feedback from their users.

Showing list of latests posts on LogChimp homepage

The source code of the application is open source on GitHub and contributions / feedback / suggestions are really appreciated.

logchimp / logchimp

Track user feedback to build better products with LogChimp

LogChimp

Track user feedback to build better products

Issues · Discord

🧐 About

LogChimp is self-hosted platform for products makers to get feedback from their users and start building better version of your product.

🤝🏻 Community

Stay up to date on the development of LogChimp you can star this repository, follow us on Twitter or reach out to the community with these helpful resources.

Follow @logchimp on Twitter.
Join the official LogChimp Discord

⛏️ Built Using

Contributing to LogChimp project is fairly easy.

Express - Node.js web framework
PostgreSQL - Backend database
Vue.js - Front end

🙏🏻 Credits

Development is sponsored by CodeCarrot.

View on GitHub

🚕Test drive

The process of deploy the application is bit troublesome and I even need to write the documentation for the same.

You're most welcome to self-deploy the application and give it a test drive, please note, I have tried my best to not release any bugs in the initial release but if you find any, please do report back to us in our Discord server.

🚧 Development roadmap

1 Feb, 2020 - Started working on the project
8 Feb, 2020 - Release v0.0.1 MVP

I further working on adding upvotes to the post and roles based system.

💻 Contributions

Every one is welcome to contribute to the project after all it's an open source project.

If you have any questions regarding How to contribute or setting up the development environment? You can shoot me a message on LogChimp discord server.

✌️

How to version control the database?

Yashu Mittal — Sun, 09 Feb 2020 09:53:01 +0000

Thermal! A new Git GUI application

Yashu Mittal — Sat, 20 Jul 2019 03:29:19 +0000

Thermal is free, open-source, the cross-platform desktop application allows you to manage your Git repositories at one place by providing a simple to use graphic interface with built-in features like commits, history, repository settings and more.

We welcome your contribution to Thermal, whether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you as part of the Thermal community.

Website: https://thermal.codecarrot.net
GitHub: https://github.com/gitthermal/thermal
Discord: https://discord.gg/DcSNmts

Have any questions? You can message me in Thermal Discord Server.

Happy commits 😉

Quick thermal app tour

Yashu Mittal — Mon, 29 Apr 2019 07:22:11 +0000

This short video shows how you can commit using Thermal application.

One stop to all Git repository

Yashu Mittal ・ Apr 18 '19

#showdev #git #vue #electronjs

One stop to all Git repository

Yashu Mittal — Thu, 18 Apr 2019 15:14:33 +0000

What is Thermal?

Thermal is open-source desktop application allows you to manage all Git repository at one place by providing you a simple to use graphic user interface with built-in features commits, history, repository settings and more.

You can also watch a quick demo video.

Features

Commit changes
Commit history
Commit details
File diff
Repository settings
Push to a remote repository
Create new repository
and a lot more...

Try now for free, by downloading the thermal application.

Development

The source code the applications is available on GitHub and welcome you to contribute to the project.

We are just getting started with this application and there are lot more planned features to build, join our discord server for your questions regarding the application and to stay up to date with the development.

We're working on creating a landing page for Thermal application.

Even our roadmap and detail about each feature is publicity available on Notion.

We would love to hear from you, leave a comment below or chat with me in Thermal discord server.

Originally published at CodeCarrot Blogs.

How to access '$apollo' outside vue component?

Yashu Mittal — Tue, 26 Feb 2019 07:29:33 +0000

Don't know about vue-apollo, checkout the documentation.

If you will try to use $apollo outside the vue component, you will get similar error.

To make this work, instead of initializing the apollo client in the App.vue file, initialize it in another file. Something like mixin/apollo.js, and export the client:

const httpLink = new HttpLink({
    uri: process.env.VUE_APP_DB_URL,
})

const cache = new InMemoryCache()

export const apolloClient = new ApolloClient({
    link: httpLink,
    cache
})

Then, import back the export into App.vue file:

import { apolloClient } from './clients.js';

Vue.use(VueApollo)

const apolloProvider = new VueApollo({
    defaultClient: apolloClient,
})

new Vue({
    render: h => h(App),
    router,
    apolloProvider
}).$mount('#app')

Then you can import the same client in any other file you want

import { apolloClient } from './client.js';
import gql from "graphql-tag"

export default function userExist(username) {
apolloClient
    .query({
        query: gql`
    query($username: String!) {
        login(username: $username) {
            username
            email
        }
    }
`,
        variables: {
            username: username
        }
    })
    .then(res => {
        console.log(res);
        return res
    })
    .catch(err => {
        console.log(err);
        return err
    });
}

Reference

Thanks

Gridsome got taxonomy. What does that mean?

Yashu Mittal — Mon, 25 Feb 2019 21:21:28 +0000

All references in the GraphQL schema has been a one-way relation. This release introduces a new field called belongsTo for all content types. The field will list all nodes that have a reference back to the current node which makes it very useful to create taxonomy pages etc. The field can also take the same arguments as a collection. Source: Gridsome v0.5

Still wondering what does that means? 🤔

In simple words, instead of creating all those author and tags pages manually.

src/pages/author/tommy
src/pages/tag/vuejs
src/pages/tag/getting-started
src/pages/author/mittalyashu
src/pages/author/hvedvik
src/pages/tag/gridsome

Using this new feature called Taxonomy, you can create those pages automatically just by defining few things here and there.

Sounds interesting? Let's dive right in.

🚧 Spoiler alert: You can try it now by cloning this branch.

Or, you can follow along with me and learn step-by-step.

To make it more relevant to you, we will start with this source code as a base. In this example, we are going to create two content types, a Author and a Tag types. We do that in the gridsome.config.js file, by creating a Author collection.

{
      // Add Authors collection
      use: '@gridsome/source-filesystem',
      options: {
        path: 'authors/*.md',
        typeName: 'Author',
        route: '/author/:id'
      }
    }

Next, to link Author and Tags with our Posts, we need to create a reference using refs.

refs: {
  // Add a reference to Author GraphQL collection
  author: 'Author',

  // Auto create a collection for all categories
  categories: {
    typeName: 'Category',
    route: '/category/:slug',
    create: true
  }
}

To get a gist, this is how your gridsome.config.js file should look like. As you can see the Author collection, look exactly the same as Post collection, the only difference is in the path, typeName and route.

We don't have to create a seperate collection outside the refs, since tags are part of posts. Sure, you can customize, where you can define the tags collection outside the ref to create a separate collection of tags.

module.exports = {
  siteName: `Gridsome Starter Blog`,
  titleTemplate: `%s - Gridsome`,

  plugins: [
    {
      // Add Post collection
      use: '@gridsome/source-filesystem',
      options: {
        path: 'blog/*.md',
        typeName: 'Post',
        route: '/:slug',
        refs: {
          // Add a reference to Author GraphQL collection
          author: 'Author', 

          // Auto create a collection for all categories
          tags: { 
            typeName: 'Tag',
            route: '/tag/:slug',
            create: true
          }
        }
      }
    },
    {
      // Add Authors collection
      use: '@gridsome/source-filesystem',
      options: {
        path: 'authors/*.md',
        typeName: 'Author',
        route: '/author/:id'
      }
    },
  ]
}

Next, at the root of the repository, create a directory name authors, create markdown files with different author name and add some images of them too (optional).

It's not mandatory to create authors directory at the root of the repository, it's just the way we have defined in gridsome.config.js.

.
├─ authors
│  ├─ john-deo.md
│  ├─ marina.md
│  ├─ sonnie-hiles.md
│  └─ images
│     ├─ image-1.jpg
│     ├─ image-2.jpg
│     └─ image-3.jpg
├─ blog
.
.
.
├─ README.md
├─ gridsome.config.js
└─ package.json

The format for each markdown file for author can be something like this, you can add additional properties and value in the front-matter.

---
id: john-doe
title: John Doe
image: ./images/image-3.jpg
---

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe sunt quos rerum culpa! Non voluptates nesciunt, nemo, omnis dolor temporibus repellat ab magnam laboriosam maiores ullam, distinctio mollitia quia vel!

Lastly, it's time to add some information about the author and tags to our blog posts.

Open any file and update the front matter with the following fields

tags: ["forest", "tree", "sunset", "rocks"]
author: marina

With finger crossed 🤞🏻, Gridsome should compile the code successfully and output the result at localhost:8080, here's the preview 😎.

.
.
.

Repeat after me "I, pinky promise with Yashu Mittal, to try this new Taxonomy feature from Gridsome". 😉

Wait, wait. This is not the end of the story, there is more, Gridsome has released many other awesome feature for you to try out in version 0.5, check out this full article Gridsome v0.5 to know more.

Reference

✋🏻 I am creating a Gridsome casper theme for free, and I would appreciate if you could help out by becoming my patreon.

Thanks