dikshantrajput / hacktoberfest-2022-react

This repository is for everyone who wants to participate in Hacktoberfest 2022 on react stack. Anyone can contribute/add quality code or projects for your Swags (T- Shirt), must be relevant that can add some value to this repository.

HacktoberFest 2022 React

Upload Components to be used in future

Use this project to make your first contribution to an open source project on GitHub. Practice making your first pull request to a public repository before doing the real thing!

What is Hacktoberfest?

Hacktoberfest is a program by Digital Ocean, DEV and Github, where you can easily win a T-Shirt just by making 4 pull requests in the month of October to any open source projects on Github.

Steps to follow:

1. Register for Hacktoberfest

https://hacktoberfest.com/

2. Add/Fix component

Add or fix the component if you found any issue.

3. Create Pull Request:

Once you have completed these steps, you are ready to start contributing by clicking on Create Pull Request.

4. Give this Project a Star:

If you liked working on this project, please share this project as much as you can and star this project to help as many people in opensource as you can.

Note:

1. Don't Create Pull Request to update "readme.md" File.
2. Maintain proper folder structure.
3. In case you need to add an external package, install it by using npm. Don't push the complete package file here

Steps to run the project

• Fork the repo
• Clone into local
• Run npm install
• Run npm start

Issues to fix:

• Fix all the buttons
• Improve box-shadow in light mode
• Make dark mode as default

hacktoberfest-2022-react's Issues

Improve responsive view

Improve interface for mobile view e.g. nav bar

Change contributors list to card view

Change the contributors names from list view to card view.

Typographical mistake

@dikshantrajput In the image below, you can see that "Hacktoberfest React" is mistyped as "Hactoberfest React". Can you please assign it to me so that I can fix it?

Light mode

As a user can I add different modes (dark and light)

Add hacktoberfest 2022 logo image in Header

add hacktoberfest logo in the header on the left side in place of "Hacktoberfest React"

Excluded Exlcuded Excluded

All the efforts gone in vain...

PR contributions being excluded from Hacktoberfest

@dikshantrajput PRs are being excluded because this repo does not adhere to the guidelines. Please fix so everyone's contributions can count.

Fix alignment on header

Arrange the cards in flexbox and other style enhancements.

I want to do some styling enhancements like adding flexbox making header more readable etc.

Improving Navbar

I want to improve the UI of navbar @dikshantrajput

Have problem with the project setup

Hello everyone!
This is first time me contributing to a React project. I am nit able to see changes that I make in the website running on localhost.
For project setup I followed the following steps:
1. npm install
2. npm start

Please help me so that I can get started. Thanks.

Change color contrast for Light/Dark mode for whole website.

No "Load More" for contributors less than limit per page

If the data is less than 10 (limit per page), should not display Load More button.

Heading is not readable in Contributor Section

Kindly assign this issue to me!

Fix buttons, box-shadow and make dark mode default

Any one wants to pick the issue up. I will assign to him/her

hacktoberfest page shows this repo has been EXCLUDED

Hey.
I was checking my hacktoberfest profile and it was showing that this repo has been excluded from hacktoberfest. So the participation will not count.
Please look into this once.
Thanks.

making the website responsive

The website is not completely responsive, I can work on this issue, please assign this task to me along with hacktoberfest tag so that I can complete the hacktoberfest contribution. Thanks

Hovering Effect of Navbar Elements in Light Mode

@dikshantrajput I want to add Hovering Effect of Navbar Elements in Light Mode . Can you Please assign it to me ?

Learn more about react here button

The learn more about react here overlaps for mobile screen. If the issue can be assigned to me, I would like to fix it

Update in footer UI:

When footer anchor tags are hovered, the text color will change to white, as dark blue is rarely visible in dark mode.

Can I work in this issue??

Add github/twitter/hacktoberfest logo (embedded link) instead of hypertext in the page footer.

Please assign this issue to me if approved.

Fixing footer to the bottom of the page in light mode.

Everything is right in dark mode.

But,
when someone switches to light mode footer changes its position and comes up from its original position.