gdsc-fcrit/fcrit-hacktoberfest

GDSC FCRIT Hacktoberfest

GDSC FCRIT Hacktoberfest Showcase

Welcome to the GDSC FCRIT Hacktoberfest Showcase! This React website displays GitHub repositories with the Hacktoberfest tag, making it easy for everyone to contribute to open-source projects during Hacktoberfest.

Technologies Used

• React
• GitHub API
• Bootstrap
• Vanilla CSS

How to start the website locally

1. After cloning the repository cd to the main folder

cd fcrit-hacktoberfest

2. Install the dependencies

npm install

3. Start the server

npm start

How to Contribute

Contributing to open-source projects is a great way to learn and give back to the community. Here are the steps to contribute to this project:

1. Fork the Repository: Click the "Fork" button at the top right corner of this repository's page. This will create a copy of the project in your GitHub account.

2. Clone the Repository: Open your terminal and run the following command to clone the repository to your local machine. Replace <your-username> with your GitHub username.

   https://github.com/GDSC-FCRIT/fcrit-hacktoberfest.git
   

3. Create a New Branch: In your terminal, create a new branch for your changes.

cd fcrit- hacktoberfest
git checkout -b newbranch

4. Make Changes: Make the necessary changes or contributions to the project.

5. Check Status: To check the status of your changes, use the appropriate command for your version control system.

git status

6. Add Changes: Add your changes to the staging area.

git add .

or

git add path\filename

7. Commit Changes: Commit your changes with a descriptive commit message.

git commit -m "Commit message"

8. Push Changes: Push your changes to your forked repository on GitHub.

git push origin newbranch

9. Create a Pull Request: Go to your forked repository on GitHub and create a new pull request. Choose the appropriate branches and describe your changes.

10. Updating Your Branch: To keep your branch up to date with the latest changes from the original repository, use the appropriate command for your version control system.

git pull origin main

That's it! You've successfully contributed to the Hacktoberfest Showcase. Thank you for your contribution!

Happy hacking! 🚀

fcrit-hacktoberfest's Issues

Make Project Title a Clickable Link to Homepage

Currently, the project title, "GitHub Hacktoberfest Showcase" is displayed as an <h1> element.
It would be a helpful enhancement if clicking on the project title redirects the user to the home page.
This improvement would eliminate the need for users to manually reload the page each time they want to visit the Home page.
Please assign this issue to me.

Update the Website title and Favicon of the Project

Update the Website title and Favicon of the Project

Update the website title to GDSC FCRIT HACKTOBERFEST and update the favicon to github's icon

Note: Use .ico file for the favicon of the project.

[Visual Design] Timeline Showcase for Landing Page

Timeline Showcase Design for Landing Page

Create a visually appealing and informative timeline showcase for our landing page to engage and inform visitors effectively.

Key Considerations:

1. Prioritize creativity and interactivity to deliver a unique user experience.
2. Adhere to the GDSC theme, including color palette and font selection.
3. Maintain a minimalistic design approach.

Please consider these guidelines while working on this issue.

Add a way to highlight repository

Add a way to highlight repository at the top

The highlighted repository should save on the users local storage(id or name of the repository) and should highlight at the top just as pinned repositories.

Add dark mode feature

Kindly assign this issue to me.

Reconfiguring website

Currently website is configured to show only Hacktoberfest issues, we can now reconfigure it to showcase general issues and repos. This will help beginner to navigate GitHub easily to find issues that suit them.

Highlight specific repositories

Add a section to Highlight specific repositories

Add a section to highlight certain repositories at the top. For eg, if we had a name of best 3 repositories from code it should be hightlighted at the top. Also add an option to show or hide this highlighted repositories.

Sort repositories on basis of different options

Sort repositories on basis of different options.

Right now the repositories are sorted on basis of number of stars, instead add an option for user to select the sorting option.
The sorting of repositories can be done based on alphabetical order, number of open issues and more.

Any kind of opinions and feedbacks are welcome

Add a footer section

We need to work on the website's footer.

Required Images:

*Rodrigues
Also do add the following links:
https://linktr.ee/gdscfcrit
Search icons similar to the below icon for the above links

Update Initial Message on Homepage

Currently, when the home page is loaded, the message "No repositories found" is displayed.
After a few seconds, all the repositories appear.
To enhance user experience, replace the initial message with "Searching for Repositories".
This change will inform users that the repositories will be listed shortly, providing a more transparent and intuitive browsing experience.