INTRODUCING The Advice Hub: A Centralized Advice Center for Developers

Advice from Developers to Developers in one single place

INTRODUCING The Advice Hub: A Centralized Advice Center for Developers

Welcome ๐Ÿ‘‹, I'm super excited!

I know you've come to hear about the project, but first, allow me to tell you a story.

The Story

A few months into learning JavaScript, I created a Linkedin account and also got myself a personal blog here on hashnode, but I was pretty much clueless on what to do next with my JavaScript skill ๐Ÿ˜ฃ, selecting between programming profession and school.

I also wanted to learn how to build genuine connections on social media platforms like Linkedin and Twitter rather than simply being an ordinary follower, I was desperate to learn the HOW and, most importantly, how to grow my blog and freelance as a personal brand.

As a newbie, I needed a lot of help and advice in a variety of categories.


What did I do back then?

I opened my google drive and created a survey form, my plan was to seek help from people who I feel have already figured out what works for them as a programmer and technical writer; I believed their advice could be a light to my own path and I would also share the advice on my blog for others in my shoes.

So I created the google form on April 30, 2020, and shared the link with them on their LinkedIn and Twitter DMs.

frame_generic_dark.png


What did I get in return?

A single response ๐Ÿ˜ข !!!

Though powerful, which was from my cousin who works as a software developer in Estonia, Europe.

I sent a direct message to around 30 developers on LinkedIn and Twitter (check your DMs I could be there), but only one response has been recorded so far; perhaps my cousin responded as well because we are cousins, cause I know devs are usually busy anyways.

frame_generic_dark (1).png


What did I do next? ๐Ÿค”

I recently realized that every developer (not just seniors) have a piece of advice to share, ranging from beginner decision making to what works for them as they advance in the field, but because they are not been asked, they kept mute about it or their DMs are full like in my case and couldn't reply to that junior developer (me).

This indicates that there is clearly a gap between those who need advice and those who are willing to share it.

  • We can get advice from people's tweets but how much of this advice can be accessed and tracked by those who need them?

  • How many people go back to check their Twitter Bookmarks?

frame_generic_dark (12).png

  • Are these ๐Ÿ‘† three tweets not useful?
  • But are they centralized? NO!!!

What about having them in a single place for everyone to have free access to and learn ๐Ÿคทโ€โ™€๏ธ.

These are huge gaps to fill.


Planning

Immediately after the Clerk Hackathon where I built the Anonymous Feedback Platform, I decided to draft my next personal project which will fill the above-stated gaps after my final exams, but hashnode came in hot with another opportunity to work with an amazing technology called the AuthO.

AuthO technology is useful for easy authentication and user authorization, you should definitely check it out.

Avneesh Agarwal has an incredible intro for next.js - Take me there (later)

AuthO helps you to handle your application registration, login, and user profile management, while you focus more on shipping more features and doing the business side of your project.


The Project Idea ๐Ÿ’ญ

Now that I have kind of figured out what works for me as a software developer, why not come up with an idea that will fill in the gap that was not there for me back then?

One of the bits of advice that I received from my cousin's response back then was to fill a gap by building projects that solve a problem no matter how small the impact and this project is one of the steps.

The goal of the project is to establish a platform where developers may ask for or create advice in the form of cards for other developers to answer or learn from, this is what I mean ๐Ÿ‘‡

Introducing The Advice Hub

A centralized Advice Hub for every developer www.advicehub.tk

โœ… powered by the HERNA Stack

frame_generic_dark (13).png


TL;DR - Demo ๐Ÿ“บ

You can watch the project demo below to have a glance at the Advice Hub


Live on Product Hunt ๐Ÿš€๐Ÿš€๐Ÿš€


How it works ๐Ÿ› 

  1. A registered user get to post an advice card ๐Ÿƒ
  2. Every user can view the advice card ๐Ÿ‘
  3. The advice card can be upvoted if useful ๐Ÿ‘
  4. The advice card can be downvoted if not useful ๐Ÿ‘Ž (trashed after 5 downvotes)
  5. Registered users can post comments on the advice card ๐Ÿ’Œ
  6. Every user can share the advice card to their social media ๐Ÿ‘จโ€๐Ÿ’ป
  7. Registered users can bookmark the advice card for later ๐Ÿ”–

Technologies ๐Ÿงฉ

๐Ÿ The HERNA Stack

  1. Frontend - React.js
  2. Frontend Hosting - Netlify
  3. Backend - Node.js, Express.js , Harperive , Nodemailer .
  4. Backend Hosting - Heroku
  5. Authentication and User management - Auth0
  6. Database - HarperDB Cloud
  7. Version control - Github
  8. Design - Material-UI and CSS

The HERNA stack is a development tool that combines HarperDB, Express.js, React.js, Node.js and Auth0.


Features ๐Ÿš€

  1. Advice Cards
  2. Filtering and Categories
  3. Bookmarking
  4. Upvote and Downvote
  5. User Profile
  6. Comments
  7. Managing Advice Cards
  8. Social Media Share

1. Explore Advice Cards ๐ŸŒ

All registered and unregistered users can view published advice cards by visiting the Advice Hub landing page.

frame_generic_dark (2).png

2. Filter Advice Card By Category ๐Ÿ”Ž

The advice cards can be explored based on the available sorting menu options and the category dropdown, allowing the users to find the advice they are interested in.

The currently available sorting include ๐Ÿ‘‡.

  • By Recent
  • By Oldest
  • By Upvotes

frame_generic_dark (2).png

The currently available categories include ๐Ÿ‘‡

  • General Advice
  • Web Development Advice
  • Product Management Advice
  • UI/UX Advice
  • Soft-skills Advice

image.png

3. Creating an Advice Card ๐ŸŒฑ

A user will only be enabled to plant an advice card on the Advice Hub after they have successfully signed up for an account on the Advice Hub.

There are 3 input fields to create a new advice card ๐Ÿ‘‡.

  1. Category (required)
  2. Advice Title (required)
  3. Advice Description (optional)

frame_generic_dark (4).png

4. Advice Details ๐Ÿ‘€

An advice card can be expanded to show the descriptions and comments of the given advice, this allows the users and visitors to share their thoughts and learn from other people's thoughts about the advice as well.

frame_generic_dark (7).png

5. Bookmarking an Advice Card ๐Ÿ”–

A registered user can bookmark an advice card for later use and retrieve it using the bookmark menu option.

image.png

6. User profile ๐Ÿ‘จโ€๐Ÿซ

Every Advice Hub registered user has a profile page on which the number of advice cards they have placed on the advice hub platform is made available to all other advice hub users.

frame_generic_dark (8).png

7. Managing Advice Card โš™

By viewing the advice card from the account you used to post the advice, you can edit or delete it.

The action icons are located beside the advice title.

frame_generic_dark (10).png


Competitors ๐ŸŽณ

  • Social Media (Twitter, LinkedIn, etc)

Competitive Advantage ๐ŸŽฏ

  • Advice Hub is a centralized platform for advice ๐Ÿคทโ€โ™‚๏ธ

Performance Report ๐Ÿ’ช


Challenges ๐Ÿ˜ฅ

  • School!!!

Combining school final examinations, school final projects, school seminar reports, and other school practicals is the most difficult component of this project. I just have a few hours in the night every week to devote to the project.


What I have learned ๐Ÿค—

  1. It's a good idea to use tools like Auth0 for authentication and authorization.

  2. Material UI for the first time ๐Ÿ’ƒ


FAQ โ—

1. Who can use the Advice Hub?

  • Advice Hub is designed for anyone in the technology business who requires assistance; you can also browse the different categories.

2. I don't know how to code, can I still contribute to your project?

  • Sure, why not? Making Advice Cards on the platform is another way to contribute ๐Ÿ˜‰.

3. Are the Advice valid?

  • You decide that by downvoting or upvoting the advice card that is not useful or false, it will be automatically deleted on the 5th downvote.

4. Can I share advice from someone else?

  • Sure, just ensure to give credit to the author or source ๐Ÿ™Œ

5. Is the Advice Hub going to replace StackOverflow?

  • Advice Hub is built with the help of StackOverflow ๐Ÿคทโ€โ™€๏ธ, so NO!!! Advice Hub is only meant for sharing valid personal career advice.

You can ask any question about the project in the comment section or send a DM on Twitter @unclebigbay143.


Contribution โœ

  • And if there is any other thing you feel could be better, the Advice Hub is an open-source project registered under the MIT LICENSE, which means you are free to review, criticize, copy, and send in pull requests to the project Frontend and Backend Repositories.

How do you get started? ๐Ÿ‘‡

  1. The Advice Hub

  2. Frontend Repository

  3. Backend Repository


It's your turn ๐Ÿค—

I'd love to hear what you think about this project and how it can be better


Feedback ๐Ÿ’Œ

You can leave anonymous comments on the project at anonymousfeedback.tk/to/unclebigbay, which I also created.


Now that you have seen it all, don't forget to plant an advice card, it will surely help someone soon.


Previous Hackathon Projects โš’

1. The Developer Typing Game

Hackathon: hashnode x Harperdb

Position: Runner Up

Introductory Article: The Developer Typing Game

2. The Anonymous Feedback Platform

Hackathon: hashnode x Clerk.dev

Position: Runner Up

Introductory Article: Anonymous Feedback


Wow, what a journey, I am glad you made it to the end of the Advice Hub project introduction, if you enjoyed the introduction and found the project useful, you can subscribe to my newsletter to get notified of my upcoming projects and articles.

I will also like to connect with you, let's connect on:



See you in the next project intro. Bye Bye ๐Ÿ™‹โ€โ™‚๏ธ

image.png

If you found my content helpful and would want to support my blog, you can support me by buying me a coffee below, my blog lives on coffee ๐Ÿ™.