shehrozirfan / hacktoberfest-2022-first-contribution

This is the repository for beginners so that they can use this repository to make their first contribution to an open source project on GitHub. Beginner's can practice making first pull request to a public repository before doing the real thing!

Hello World, Myself Shehroz Irfan 👋

I am a Coding Enthusiast, Full Stack Web Developer (ROR | React)

👨‍💻 About Me :

• 🔭 I’m working as a Senior Software Engineer at EuphoriaXR and expanding my knowledge of Ruby on Rails and React.

• 🌱 I write technical content on:

  

• ⚡ I love to attend tech events, network with like-minded people, share my knowledge, and always eager to learn new technologies to enhance my skills set.

• 🥅 Goals(2024): Enhance my skill set by learning Node, React, TypeScript, GraphQL, Ruby on Rails, Docker, Cloud Computing, AWS

---

🛠️ Languages and Tools :

---

💻 Projects

ToDo App React, Bootstrap - Todo App where you can manage your Todo tasks.	Portfolio HTML5, CSS3, Bootstrap & Javascript - Portfolio Site including links to my projects and ways to get in contact with me.
Commet Tree App Ruby on Rails, Bootstrap, Devise, Rspec - Comment Tree App which is created based on the concept of self-referential associations.

---

👨‍👩‍👦‍👦 Some Community Projects :

Project	Issues 🐛	Open PRs 🔔	Closed PRs 🔥
Learn Programming Fundamentals
Learn DSA
Comment Tree App
Ruby Rocks

📚 Latest Blog Posts :

• Git rebase a remote branch in the terminal
• How to learn Ruby on Rails from scratch
• Git Cheat Sheet For Beginners
• AJAX and Remote form submission in Rails
• each_with_index in Ruby
• Validate email address using REGEX in RoR
• Beginner's guide to using DIFF and PATCH commands
• Adding self-referential associations in rails

---

🤝🏻 Connect with Me

hacktoberfest-2022-first-contribution's Issues

Add dark mode

We need to add the dark mode to the site. It will like a toggle, or you can say user can switch between light and dark mode. Make sure all the text is showing clearly when the site is on dark mode

Update the dark mode to set dark color for all the elements.

Currently, we've dark mode in our site. When it is applied, the footer color and the dark mode color doesn't match. Also the github icon is not visible in dark mode. We need to make following fix when dark mode is on:

• Github icon is visible.
• Make the footer color same as we've the body background color.

Add toggler button for dark and light mode.

We need to add the toggler button, which switches the dark mode to light and vice versa.
We need to add something like this: Dark mode toggler

Add Footer

We need to add the footer. The background of the footer will be black and font size will be white.
Add the text Hacktoberfest 2022 in the footer.
Make sure the footer is responsive across all devices.

Add bootstrap columns and classes to the footer

We need to add the bootstrap classes to the footer as we've for the whole page. We need to add the row and columns and make sure it is responsive on all screens.

Adding Dynamic feature

We can make this page more dynamic and attractive by parallax.

Update readme to show contributors list

We need to update our read me file to show the contributors list. Already there is a contributors list, but it is not showing the exact number of contributors, we've over 20+ contributors, but the existing list is only showing 12 contributors, so we need to fix this.

Add Search function to ease identification of profile by username

Add scroll to top button

We need to add the scroll to top button on the site. So, that when that button is clicked, the user is taken to the top.
Please make sure:

• It is responsive across all devices.

Add Background

Update style of search bar in dark mode

Currently, when the dark mode is enabled, the search bar remains white and is not looking good. Because the dark mode is applied and search bar remains white.
So, we need to update the style of the search bar such that when the dark mode is enable, it's color is also adjusted according to the dark mode, make sure any color you use looks good with the dark mode.

Add contributor label to readme

like that

Update github icon color in dark mode.

Currently, when dark mode is enabled, the github icon doesn't seem clear. Because it's color is black, and when dark mode is applied it is almost hidden. So, we need to update the icon color in dark mode so that it is visible. You can choose the color of your choice, but make sure it looks good with the site overall theme.

Add another project that allows to add a street dog charity site

Update the style of footer

Style of footer is different from the whole website template

Making some Changes in Lists order

The lists of the contributors not arranged in a correct manner.


while adding my name in the list i will correct these also.

Improve footer and change box shadow

Pls assign this issue to me!

I want to Contribute for Hacktoberfest