This project is submitted for MLH - OpenHacks 2023 Hackathon
-
Devpost Link of project - 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.
- EJS: For webpage templating
- Github API: To retrieve data about the project
-
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.
-
Once the user click on Submit button, they will be render 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
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 backend then we have display it in a simple, easy-to-read format on frontend.
-
Clone the repository
-
Navigate into the repo and run
npm install -
Create a file named
config.envin the root directory of the project -
Copy contents of
config.copy.envtoconfig.envand replace all the environment variables -
To start the server run
npm start
- Fetching and Installing Dependencies
- Fixing Backend Errors
We were able to complete the idea behind the challenge and create a hack that can help both project maintainers and contributors to stay inform 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.
Building a complete full-stack web application and helping the user to experience the best out of it.
Please ⭐️ this repository if this project helped you!
