DevHub - Twitter for developer (Dev + Linode Hackathon)
Tags: linodehackathon
Published: 2023-02-20 19:18:01

## What I built
For the hackathon submission, I built a web application called DevHub. DevHub is a platform that allows developers to connect with each other and stay informed about ongoing hackathons, as well as centralize all the resources on a single platform.

In addition to the features previously mentioned, DevHub has a web scraper that allows it to collect and display popular tech blog posts from around the internet. This feature makes it easy for developers to stay informed about the latest technology news and trends.

DevHub also offers an API that allows users to embed their "Devits" (tweets on DevHub) into their own websites. This feature makes it easy for developers to showcase their work and engage with their audience directly from their own website.

### Category Submission:

Integration Innovators

### App Link
[DevHub](https://devhubs.tech)


### Screenshots

- Hero section

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

- Features section
![s2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fdply0tjailep9uamn4c.png)

- Signup / login Page


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

- Complete user profile page


![s4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6wh3zebvk8agmq8ouywb.png)

- Home Page

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


- Discover page

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

- Hackathons Page

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

- Blogpost Page

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

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

- API and credentials page

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

- Specific Post

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





### Description

DevHub is a web application that allows developers to connect with each other and stay informed about ongoing hackathons. With its Twitter-inspired interface, DevHub offers features such as tweeting, retweeting, and following other users. In addition, DevHub can collect and display popular tech blog posts from around the internet and allows developers to embed their Devits into their own websites through its API. By providing a platform for developers to connect, stay informed, and showcase their work, DevHub is a valuable tool for anyone looking to improve their coding skills and build their online presence.

### Tools and Technologies
- React JS (Frontend)
- Node and Express (Backend)
- Mongo DB (Database)
- Linode (For serving the api and react app)
- playwright(for web scraping)

### Why we scrap a data ?

In DevHub, we use tools like `Playwright`, a Node.js library, to automate the web scraping process and make it more efficient. This helps us gather the information we need, such as popular blog posts from other platforms, to make it easier for developers to access the resources they need to stay up-to-date and grow their skills. Our goal is to provide a centralized platform for developers to find the information they need, and web scraping tools like Playwright are an important part of achieving that goal.

### Link to Source Code
{% embed https://github.com/utsavbhattarai007/twitter-for-developer %}

### Permissive License
MIT


## Background

The inspiration behind building DevHub was to create a platform where all the resources needed for developers are centralized at a single place. "By 'resources', I mean hackathons, blog posts, and tech news that are relevant to developers and can help them stay informed and up-to-date in their field. With DevHub, we set out to create a platform that makes it easier for developers to stay informed, connect with other developers, and grow their skills.
 
Our goal was not just to submit a hackathon project, but also to create a platform that would be useful for other developers as well. With DevHub, we hope to help other developers grow, share their insights, thoughts, and make connections with other developers in the community.


### How I built it

I utilized Linode in two key ways while building DevHub. First, I used Linode to `deploy the application`, which helped me ensure that the app was accessible to users around the world. Second, I used Linode for `DNS and domain configuration` , which allowed me to manage the application's web address and ensure that it was easy to access.

Along the way, I learned a great deal about working with Linode and gained new skills that I can use in the future. For example, I learned about `node balancing` and how to optimize my application's performance. In addition, working with Linode helped me start my journey into the cloud, which is an important skill for developers in today's world.

Overall, I found Linode to be a valuable tool for building and deploying DevHub, and I look forward to using it again in the future.

![l1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ze836b8a0iucek6n5hk.JPG)

![l2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wb4gzpfuz2krmkwvy811.JPG)

![l3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9vra15ir5j17irq2xa4f.JPG)

### Additional Resources/Info

I worked on this project in collaboration with Rajesh Khadka, and I have credited him by including links to his dev and Twitter profiles.

- [Dev profile](https://dev.to/rajeshkhadka)
- [Twitter](https://twitter.com/rajeshkhadka200)