DEV Community

Cover image for DEVCODE - Grow, Share and Connect with Developers. MongoDB Hackathon Submission On Dev
Devarshi Shimpi
Devarshi Shimpi

Posted on • Updated on

DEVCODE - Grow, Share and Connect with Developers. MongoDB Hackathon Submission On Dev

What we built

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

We have got you covered. We built a project called "DEVCODE - Grow, Share and Connect with Developers."

Category Submission:

Choose Your Own Adventure

Team

This was a team project made by @devarshishimpi and @abhinandan__wadhwa

App Link

https://devcode.stonecss.com/

Screenshots

DEVCODE Landing Page

devcodelandingpage

Adding A New Project

devcodeaddnewproj

User Submitted Projects with Analytics

devcodesubmittedprojects

Filter different Projects for contributing

devcodefilter

Like A Project You find Useful

devcodelike

Viewing Publicly Submitted Projects

devcodepublic

Mobile Friendly Design

devcodemobile

MongoDB Atlas Dashboard

devcodeatlasdashboard

Using MongoDB Atlas as Database Solution

devcodemongodbatlas

Video

Note: There were few selective features which were implemented after making the Video, so they won't be present in the Demo.

Description

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

Link to Source Code

https://github.com/dvstechlabs/devcode

Permissive License

MIT License

Background

While thinking for ideas, we noticed that few open-source projects made in the past by us and everyone have one difficulty, and that is to find collaborators for the project. Making people engage in the project. We decided to make this platform only for open-source projects which are non-paid work, or rather volunteering since we didn't want to make this a work-finding platform. Then further, we realized that as contributors too it's hard finding for great projects so we made that people can contribute to projects sorted by Difficulty and Languages and tools used in it.

How we built it

We used the well known MERN Stack for this project. We made use of Tailwind CSS due to it's simplicity and great design for the frontend. We used MongoDB Atlas as solution for Database. Along the way, we learnt how to implement image upload feature in Cloudinary along with MongoDB Database.

Tech Stack

  • Frontend - React
  • Backend - Nodejs
  • Database - MongoDB Atlas
  • Framework - Tailwind CSS
  • Image Hosting - Cloudinary

Additional Resources/Info

What's next to DEVCODE???

  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 @mongodb_staff and @thepracticaldev for this amazing opportunity!!

Top comments (2)

Collapse
 
abhinandan__wadhwa profile image
Abhinandan Wadhwa

It was a great project to work with you! I really enjoyed working on it! We learnt many things together and fixed lots of problems

Collapse
 
devarshishimpi profile image
Devarshi Shimpi

Thanks!! Same here as well