| ✨ Elevator Pitch ✨ |
|---|
| Eliminating hiring managers’ efficiency barriers by providing a bespoke platform connecting them directly to leading, developer talent. DevHire’s algorithm leverages advanced filtering and the Elo rating system to principally present hiring managers with top-tier professionals. We help hiring managers save time and money and accelerate towards faster growth in high-quality technological development. |
| Link | Notes |
|---|---|
| ❗️LIVE SITE❗️ | - Designer designed what we determined I (developer) might be able to code in time for the deadline - Live Site only favourites one person at a time as I (developer) couldn't figure out the code in time. |
- PitchDeck
- Demo Video 👀 apologies for the terrible audio
- Prototype PDF
- Figma
Hiring Managers are spending a great amount of their valuable time searching LinkedIn and GitHub for developers...time they could be spending driving their companies towards success. The search on these platforms can be quite frustrating as they do not allow for advanced filtering for specific needs. LinkedIn offers limited privacy while searching and can often inclued spammy requests.
- Tinder-like application
- Wide variety of tech stacks to choose from.
- User inputs create new stack tags.
- Advanced Filtering (skills, location, experience etc...
- Elo rating system
- Favourite / Shortlist talents
- Mutual connections
- Direct messaging only upon mutual connection
- Detailed developer profiles
- Search privately
Backend: 🟪 Heroku, 🐶 HarperDB, 🔗 Node.js, 🧩 Express, 🟣 Insomnia
Frontend: 🔷 Netlify, ⚛️ React.js, 🎨 Figma, 🎈 Zeplin
Project Management: 🔷 Jira Software, 🔷 Confluence, 🚥 Google Meet, 📦 Github
Developer: @shakyracc
Designer: @3fcc#1923 discord
It was an eye opening for me - collaborating with developers and I got to used a few new softwares in the course of the project.
This hackathon was an incredible learning experience for me. Of the entire tech stack used to build this project, I only had experience in Jira and Github. @3fcc#1923 and I discoverd Zeplin together as a platform to share figma designs.
My background:
- 3 July 2022 : Started learning web development by attempting to create my personal website. I used Pelican because I wanted to learn python.
- 26 July 2022 I learned how to build my first django project.
- 14 August 2022 Started learning React for the hackathon using tutorial from Code with Ania Kubów on Youtube
I initially thought I could tackle the problem with Django, but that flew out the door as soon as it became clear that connecting it to HarperDB was not going to be a beginner friendly task. Weird that I thought this and decided learning 2 stacks (MERN & HERN) was an easier route.
I started out with MongoDB as the database because there's simply more documentation out there on it. As a complete noob, I needed all the help I could get. I ended up following a tutorial on a MERN Tinder clone by Code with Ania Kubów on Youtube. It's 5 hours long, but it's safe to say I've cycled through it at least 7 times. Again. noob. Totally worth it though.
To understand what Ania was saying, I read the Javascript, React and Nodejs(piece of it at least) handbooks by Flavio Copes @flaviocopes. 10/10 Highly recommend.
After that I went back to the code and tried my best to understand each line, making modifications where necessary. Once I managed to turn the tinder clone into DevHire using MongoDB, I read up on HarperDB documentation. Oh...this last paragraph all happened today [2022-08-29-04-00] btw. I say that because I often allow myself to forget my hard work. Not today though. Today I really pushed to meet the Hackathon requirements and I feel really proud of what myself and @3fcc#1923 have produced.
So yes, I got familiar with HarperDB through videos and documentation then gave it a try. queue emotional damage. It's simpler than MongoDB in a way I guess, but the lack of community and documentation makes it a HEADACHEEE. omg debugging was a nightmare, but now that I've done it, I feel like I can do it again with less distress. and what's up with the arrays? i couldn't figure out how to 1. query an array and 2. do conditional search on the entire db, not just a row or hashed value. [2022-08-30-02-14]: i think i might have figure this out now. i just needed sleep and revisited articles. this article by Francesco Ciulla clarified things for me. Which means I might be able to make some improvements to the app.
[2022-08-30-02-14] Deploying the site Yes! Another thing I thought would take no time. 6hours later, here we are. 😪 but I've done it 😁 making use of Heroku's free tier while it's still available. Anyway, here's what it took.
- googled "how to deploy harperdb app". no results so...
- googled "deploy mern stack".
- read through a bunch of articles until i landed on one i thought might work for me. i've learned my lesson. don't jump into the first article you find. read them through lest you find yourself screwing up your code and debugging for days. this article by Nick Ray provided a great guide
- debug debug debug debug. if you check the commit history of this repo, you'll see that it was the node_modules, bcrypt and react-country dropdown packages giving the most trouble. i had to git -rm -r --cache . everything. i probably didn't have to do that actually, now that i know how this all works a bit more. i installed packages in the wrong directories. things were all over the place. thank you stackoverflow for existing 🙏
- more debugging: fixing netlify compile issues when deploying with the help of this article by Julia Undeutsch
- fixed page not found error with the help of this article by Rajesh Royal
- success ! 🥳 I think I might actually understand how an API really works now. nice 🤗 i think it's so cool that the app is deployed on two platforms. Netflify frontend and Heroku backend. didn't know that was possible.
Backend: 🟪 Heroku, 🐶 HarperDB, 🔗 Node.js, 🧩 Express, 🟣 Insomnia
Frontend: 🔷 Netlify, ⚛️ React.js, 🎨 Figma, 🎈 Zeplin
Project Management: 🔷 Jira Software, 🔷 Confluence, 🚥 Google Meet, 📦 Github
I wish I knew about 🟣 Insomnia at the start of the project. I would have saved soooo much time on backend work. I only discovered it today [2022-08-28]. Game changer)
I met @3fcc#1923 on reddit a few months ago when they were searching for a Dart programming language learning mate. Soon after that I stopped learning Dart and started learning Python. So we didn't speak for a while, until I stumbled upon this hackathon. I approached them to collaborate with me and to my delight they said yes 💃. They live 5 hours ahead of me, but we managed to make this work almost seamlessly. It was a pleasure working with a fellow knowledge hungry beginner to web development. We used Jira, Confluence, Zeplin, Whatsapp and Google Meet to stay connected. We pitched ideas back and forth and gave words of encouragement along the way.
Code with Ania Kubów
Flavio Copes
Aman Mittal
Francesco Ciulla
Rajesh Royal
Julia Undeutsch
Nick Ray
Dennis Ivy for hosting the Hackathon
- It's easy to get side tracked with cool ideas. "oh let me just add this function really quickly" turns into 5 hours of coding EASILY
- CSS is a time sink. don't get caught there for too long. tell a friend you're diving in so they can reinforce a time limit.
- Having a designer makes life WAYYYYYY easier as a full stack dev. Thank you @3fcc#1923 for taking on this challenge with me.
- MVP MVP MVP MVP. I eliminated a block of code every time I sat down with the laptop. Too many bugs? can it. this is a prototype. I kept thinking, " there are gonna be so many experts in this competition, i NEEED working code and cool features to stand out"............garbage. Focus on your MVP. Refine the MVP if necessary.
- Good project management tools help A LOT. They make remote team collaboration seemless.