acmpesuecc / leaderboard Goto Github PK

View Code? Open in Web Editor NEW

4.0 2.0 10.0 1.91 MB

Home Page: https://acmpesuecc.github.io/leaderboard

License: MIT License

HTML 13.66% CSS 12.15% JavaScript 74.18%

hacktoberfest react

leaderboard's Introduction

WebApp

A webapp using React js to display Leaderboard score in event Hacknight 2.0

Demo

Site

Landing Page

Mobile support

The WebApp is compatible with devices of all sizes and all OS's, and consistent improvements are being made.

Development

Want to contribute? Great!

To fix a bug or enhance an existing module, follow these steps:

Fork the repo
Create a new branch (git checkout -b improve-feature)
Make the appropriate changes in the files
Add changes to reflect the changes made
Commit your changes (git commit -am 'Improve feature')
Push to the branch (git push origin improve-feature)
Create a Pull Request

Bug / Feature Request

If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue here by including your search query and the expected result.

If you'd like to request a new function, feel free to do so by opening an issue here. Please include sample queries and their corresponding results.

Built with

React js - React is an open-source, front end, JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.
Create React app - Create React App is a comfortable environment for learning React, and is the best way to start building a new single-page application in React.
Axios - Axios is a promise-based library that makes it easy to make web requests.

Team

_ShreyaPanale 💻	_{NicolaDonoastro} 📖	_{Anirudh Rowjee} 💻	_{Avinash V K} 🚇 💻	_abhishek-pes 💻	_{Rakshith R Acharya} 📖	_Mario 📖
_{Vivek Bariya} 💻	_{Ranjith Govindaraj} 💻	_{Hope Philip} 📖	_{Sreejith N Subramanian} 💻	_{Chinmay Mehta} 💻	_Gurvir 💻	_{Srujan Deshpande} 💻 🚇 🐛 💼 📖 📋 🤔 🚧 💬 ⚠️
_{Vatsal Sinha} 💻	_{Sanskriti Pattanayak} 💻 🎨

This project follows the all-contributors specification. Contributions of any kind welcome!

leaderboard's People

Contributors

Stargazers

Watchers

Forkers

anirudhrowjee nicoladeastra shreya-panale teerapongt mtrunt avinash-vk ranjithgovindaraj shrey-creator sreejithns devesperanz

leaderboard's Issues

Fix color on blank search

Upon searching for something and then deleting the searched text, all the results show up as searched (In the gray background color)
Ideally, none of them should when the field is empty

Improve Documentation on README

The README.md contains instructions for installing the app. We need some info about what the app does.

Add a textbox that allows searching for a particular username. After searching, only that username should show up.
Bonus if all usernames with the search phrase in it show up as well.
A back button should be integreated as well to return to the home view.

Reduce and Right/Left align the reload button

It it massive right now and does not look good.
Also reduce the size and align the button to the left or right of the page.

Sort leaderboard by score

Add an github profile picture next to the github username!

Add an image next to the github profile link in the leader board stats.

Something similar to:

Make sure to take care of the responsiveness as well :)

Add a CODE_OF_CONDUCT.md file

Add a Code of Conduct.
Head to Insights -> Community -> Code of Conduct
Hosse the "Contributor Covenant"
Place [email protected] as the email address.

Add a Timer till the event end

Add a timer above the Leaderboad table that shows the time left out in this event. (Days, Hours, Minutes, Seconds)
(Until 11:00 PM IST on 25th October 2020)

Bonus points for being aesthetically pleasing

Profile pictures do not appear in search results

When performing a search, the searched results don't contain the github profile picture while the original results do

Here is how it looks before search:

Here is the searched data. Notice it doesnt have the profile picture

Go to Insights -> Commmunity -> License and choose the license.
This project should be licensed under the MIT License.

Fix the misshaped Reload button

During a merge of a PR, the formatting of the Reload button seems to have dissapeared.

Make the button look good instead of being squashed like it is right now