• 

  Home Page

• 

  Dashboard Page

• 

  Dashboard Page

Open Source Projects Dashboard 🌟

A web app that displays the status of an open-source project, that can help project maintainers and contributors stay informed about the project's progress and identify areas where they can make improvements.

Technology Stack Used:

• EJS: For webpage templating
• GitHub API : To retrieve data about the project

What it does?

1. Upon visiting our web app the user is presented with a home page where they need to provide the Github username and the repo name of the open-source project.

2. Once the user clicks on Submit button, they will be rendered to the dashboard page where they can see the following information about that open-source project -

   • Project Description
   • Project URL
   • Language Used
   • Total Number of Stars and Forks
   • Released Version
   • Open Issues
   • Closed Issues
   • Open Pull Requests
   • Contributors Leaderboard
   • Commits

How we built it ⚙️

We have used the GitHub API to retrieve data about the project, such as the number of open issues, the number of contributions, and a summary of recent activity and once we have retrieved the data on the backend then we have displayed it in a simple, easy-to-read format on the front end.

Challenges we ran into 💻

1. Fetching and Installing Dependencies
2. Fixing Backend Errors

Accomplishments that we're proud of 🏆

We were able to complete the idea behind the challenge and create a hack that can help both project maintainers and contributors stay informed about the project's progress and identify areas where they can make improvements. With the right data and a user-friendly interface, our app can become a valuable tool for the open-source community.

What's next for Open Source Projects Dashboard?

Building a complete full-stack web application and helping the user to experience the best out of it.

Built With

• css
• ejs
• express.js
• github-api
• javascript
• node.js