LINODECODE - Grow, Share and Connect with Developers. Linode + DEV Hackathon
Tags: linodehackathon, postgres, react, cloud
Published: 2023-02-18 14:55:00

## What I built

Have you ever struggled to find collaborators for an open-source project you built? Have you ever lacked funds for your project? Did you want to work on an open-source project but couldn't find the right one?

I've got you covered. I built a project called "LINODECODE - Grow, Share and Connect with Developers."

### Category Submission:

- Smooth Shifters
- SaaS Superstars
- Wacky Wildcard
- Integration Innovators

### App Link

http://linodecode.stonecss.com/

### Screenshots

> LINODECODE Landing Page


![LinodeCodeLandingPage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jbafj4la5wkthe7bkgeh.png)

> Adding A New Project


![LinodeCodeAddNewProject](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c1bkoqrugghysiff9oc8.png)

> User Submitted Projects with Analytics


![devcodesubmittedprojects](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/evlsuynr6chlnsqx8sv7.png)



> Filter different Projects for contributing

![devcodefilter](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/54d6idk55tk9pykq3kl1.png)

> Like A Project You find Useful

![devcodelike](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qm29vsttgv300jewt8ny.png)

> Viewing Publicly Submitted Projects

![devcodepublic](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dazhhuwhgyne6jrd0qnv.png)

> Mobile Friendly Design

![devcodemobile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ao31jskut3ayr8trj16f.png)

> Managed PostgreSQL Linode Dashboard


![LinodeManagedPostgreSQL](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qscraotbec8j9q8ik7g5.png)


> Linode Kubernetes


![LinodeKubernetes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0o236s0ojjq7ai1090aq.png)


> Linode Compute Instances


![LinodeComputeInstances](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iitxi10fuecuvr6xvd8f.png)


> Linode Database


![LinodeDatabase](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9dy24qfsti77xcf9f124.png)

> Linode Object Storage


![LinodeObjectStorage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t81liyuordqq961a43dt.png)


> Lens Dashboard


![LensDashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e2lfxpggqidffdt39cxr.png)


### Video

**Note: There were few selective features which were implemented after making the Video, so they won't be present in the Demo. This video was made during the previous _DEV X MONGODB_ Hackathon.**

{% youtube D9sHbRg8fQU&t=1s %}

### Description

A collaborative open source environment for developers to share their projects and contribute to many more.

### Link to Source Code

https://github.com/abhinandanwadwa/DevcodeHackathon

### Permissive License

MIT License

## Background

While thinking of ideas, I noticed a recurring challenge in the open-source projects I have created, as well as those made by others - difficulty in finding collaborators and engaging people in the project. I decided to create a platform exclusively for non-paid, volunteer-based open-source projects, as I didn't want it to be a work-finding platform. As a contributor myself, I also found it challenging to find suitable projects, so I enabled sorting of projects by difficulty level and the programming languages and tools used.

_PS: This project was a runner-up on a previous hackathon organized by @thepraticaldev Know more at https://dev.to/devarshishimpi/devcode-grow-share-and-connect-with-developers-mongodb-hackathon-submission-on-dev-4lo4_

### How I built it

I used the well known MERN Stack for this project. I made use of Tailwind CSS due to it's simplicity and great design for the frontend. The previous version was built using **MongoDB on MongoDB Atlas**. This time, I migrated it to **PostgreSQL** and used **Linode Managed Database**. I migrated from **Cloudinary** to **Linode Object Storage**. Then, I migrated Frontend from **Vercel** to **Linode Compute Instances**, and Backend from **Railway** to **Linode Kubernetes Cluster**.
I also noticed that the response time almost became 10 times faster than the previous one after migrating to Linode.

## Tech Stack

- Frontend Hosting - Linode Compute Instances (Nanode)
- Backend Hosting - Linode Kubernetes
- Image Hosting - Linode Object Storage
- Managing Linode Kubernetes Cluster - Lens IDE
- Frontend - React
- Backend - Nodejs
- Database - PostgreSQL Linode Managed Database
- Framework - Tailwind CSS

### Additional Resources/Info

- [Guide to Linode Compute Instances](https://www.linode.com/docs/products/compute/compute-instances/faqs/)
- [Deploying and Managing a Cluster on Linode Kubernetes Engine (LKE)](https://www.linode.com/docs/guides/deploy-and-manage-a-cluster-with-linode-kubernetes-engine-a-tutorial/)
- [Linode Guides - Connect to a PostgreSQL Database](https://www.linode.com/docs/products/databases/managed-databases/guides/postgresql-connect/)
- [Connect to PostgreSQL server: FATAL: no pg_hba.conf entry for host](https://dba.stackexchange.com/questions/83984/connect-to-postgresql-server-fatal-no-pg-hba-conf-entry-for-host)

Ultimately, thanks to Linode's free $100 credits and this hackathon, I learned a lot along the road. My next step would be to determine how to utilise the free credits more effectively and continue honing my talents.

### What's next to LINODECODE???

1. Adding "Edit" and "Delete" functionality to the project for users to change their already submitted project.
2. Building the real-time collaboration system with Socket.io
3. Funding options for the projects.
4. Building A Profile Dashboard for users to edit their profile and giving more control over what they can change.
5. Adding The Functionality to Comment the submitted projects.

## Thanks For Reading Till Here!!!

Thanks to Linode and @thepracticaldev for this amazing opportunity!!