himanshunarware / devlabs

DevLabs is a website where you can search for free tools that are useful for your daily needs. This application is created by the incredible open-source community

I am Himanshu, I am a technology enthusiast and an advocate for open-source projects. I am always looking for opportunities to collaborate on new and innovative ideas. To learn more about me, please feel free to connect with me. Blockchain enthusiast. Space tech enthusiast.

Connect with me🌐

## ⚡ Technologies

Libraries & Framework :

Cloud Tools:

My GitHub Stats

⚡TOP LANGUAGE

devlabs's Issues

Improving UI of the card

Problem
The current design for cards, does not work well with the background and the site because most of the logos get hidden away due to the transparency, and in others the card size is affecting how the logo is displayed. For eg: in the image below cuvette logo cannot be seen and internshala logo isn't clear either.

Solution
A better card design would be having a solid background colour with an increased width so that each row contains max of 4 cards, but everything is clear and concise. Kindly refer to the below image for better understanding. This also solves the problem of overflow of text and brings uniformity to the website. We can discuss the colours as per your requirement.

Checklist

• I have checked the existing issues *
• I have read the Contributing Guidelines *
• I have starred the repository *
• Working under Hacktoberfest/Hacksquad*
• Working under Slop 3.0 *
  Looking forward to collaborating!

Email icon is not working

Improve the UI of the searchbar section

add hover effect on the sidebar

Display Issue: Link and Bookmark Button Overlap

Describe the bug
This bug report highlights an issue where the link and bookmark buttons on the page are slightly overlapping, causing a visual display problem. We need to address this to ensure a seamless user experience.Description: The issue involves a display anomaly where the link and bookmark button exhibit a slight overlap, potentially impacting the user interface. Screenshots and additional details will be provided to facilitate a comprehensive understanding and resolution of the problem.

Expected behavior
The link and bookmark buttons should be properly spaced and not overlap, ensuring a clean and user-friendly interface.

Screenshots

Example Fill x { [x] } into bracket

• I have checked the existing issues *
• I have read the Contributing Guidelines *
• I have starred the repository *

sidebar functionality is not working

Description
sidebar functionality is not working
screenshot

Responsiveness of tabs on the home page

Describe the bug
Hovering over links in cards changes the position of the links (I'm on a 13" laptop; viewportsizer shows screen size: 1263 × 571)

Expected behavior
It works just like on other screen sizes

Screenshots

1. Standard view:

2. While hover over:

• I have checked the existing issues *
• I have read the Contributing Guidelines *
• Working under Hacktomberfest*

Issue: "Need to Add Bookmark Deletion Feature"

Problem Description:
When users bookmark a product, there is currently no option available to delete or remove it from their list of bookmarked items. This leads to a lack of control and may result in a cluttered and unmanageable bookmarked item list.

Is your feature request related to a problem? Please describe.
Users are frustrated when they cannot remove or delete items from their list of bookmarked products, leading to a cluttered and unorganized bookmarked items list.

Solution Description:
To address this issue, we should implement a solution that allows users to easily manage their bookmarked items by providing a way to delete or remove items from their list.

** Add screenshot

Checklist
Example Fill x { [x] } into bracket

• I have checked the existing issues *
• I have read the Contributing Guidelines *
• I have starred the repository *

Want to add left to right underline effect on the navbar elements

Issue: Website does't have a 404 page

Issue:
The project currently lacks a user-friendly 404 error page, and the link to return to the home page. I propose the addition of a custom 404 page with improved styling and a button link to enhance user experience.

Details:

1. Custom 404 Page: A custom 404 error page will be created to provide a more visually appealing and informative experience for users when they encounter a non-existent page.

Proposed Changes:

• Create a custom 404 page component.
• Add an image to the 404 page to make it more visually appealing.
• Style the 404 page for a professional look.
• A back to home page button.

Expected Benefits:

• Improved user experience for users encountering 404 errors.
• Better aesthetics and professionalism.

Additional Information:
This issue aims to improve the overall user experience of the project by addressing the 404 error page's appearance and functionality. These changes will make the project more user-friendly and visually appealing.

Issue Type: Enhancement

Add transition property on the sidebar

The transition of sidebar is so random, add transition property

Want to Change the backgroud of the webapp

Want to Change the backgroud of the webapp

"Add CSS Styling to Center Navbar Items"

Is your feature request related to a problem? Please describe.
The Navbar items in the current implementation are not centered, causing a visual misalignment.

Describe the solution you'd like
I would like to add CSS styling to center the Navbar items, creating a more visually appealing and centered layout.

Add Screenshot

Checklist:

I have checked the existing issues.
I have read the Contributing Guidelines.
I have starred the repository.

Improve the UI of the about section

Describe the solution you'd like
Improve the UI of the About section

** Add screenshot

• I have checked the existing issues *
• I have read the Contributing Guidelines *
• Working under Slop 3.0 *

Icon not changing menu to close on sidebar

Add responsive layout on the About section

Implement Search Functionality in a website

The search button present on the website is not working .

Improve the UI of the backtotop button

Describe the solution you'd like
Improve the UI of the backtotop button

• I have checked the existing issues *
• I have read the Contributing Guidelines *
• Working under Slop 3.0 *

[BUG]Make website responsive

The website is not responsive on mobile and tablet devices. I'd love to fix this issue for Hacktoberfest. please assign it to me @HimanshuNarware

bandicam.2023-09-30.23-07-15-410.mp4

Add hover effect on the footer social icons

Improvement of the Twitter Logo Icon to X

Describe the bug
Improvement of the Twitter Logo Icon to X

Screenshots

Desktop (please complete the following information):

• OS: [Windows]
• Browser [Brave]
• Version [1.58]

Please Assign me the issue under hacktoberfest

pagination causing error

Over flow issue

Over flow issue on the sidebar during hover state

add localstorage functionality to the bookmark section

Add localstorage functionality to the bookmark so that bookmark tools do not vanish after reloading

We can Design Logo and Website Color

The current logo and color theme of our website are not visually appealing and do not align with the quality we want to represent for our event. It's crucial to update these elements to provide a more captivating and professional user experience.

Username may go outside of the container if it's too long

Describe the bug
If the username is too long, it may go beyond borders of the container on some screen sizes (I'm on 13" laptop, viewportsizer shows screen size: 1263 × 571)

Expected behavior
Hide some part of username that i overflowing the container

Screenshots

Example Fill x { [x] } into bracket

• I have checked the existing issues *
• I have read the Contributing Guidelines *
• Working under Hacktomberfest*

Want to enhance the Design of Default Scroll Bar provided

As you know browser provides you with a default scroll bar in the right side of the screen. This Scroll bar doesn't matches with the Design of the website do I intend to give it a matching design i.e color same as that of nav-bar and modifying the its thickness.

I really wish to work on this task, so can you assign me this one too. Its a easy task so I can complete it within no time.

Improve the UI of the About section

Improve the UI of the About section

Console errors in the deployed version

Bug Description
A bunch of unresolved errors and log statements in the console in development server and in the deployed version as well.

Expected behavior
A clear console helps for better debugging, user error tracking, and provide improved security by protecting sensitive data.

Screenshots

• I have checked the existing issues *
• I have read the Contributing Guidelines *
• I have starred the repository *
• Working under Hacktomberfest/Hacksquad*
• Working under Slop 3.0 *

Add dark and light theme on the website

Improve responsiveness of the homepage

Homepage doesn't have proper responsiveness between 425px - 650px

• I have checked the existing issues *
• I have read the Contributing Guidelines *
• I have starred the repository *
• Working under Hacktomberfest*

Add back to top button on the website

Add back to top button on the website

Pagination is causing issues (All tools are not loading on the homepage)

Describe the bug
the current number of items is not showing on the home page

Search bar is not working

Scroll To Top Button

At the present state the website really looks very well but it can be enhanced even more by adding a "Scroll To Top" button in the bottom right of the website.
This enhancement of feature will really come in handy for many users.

I would like to work on this feature, so can you please assign me this task

Improve the UI of the About section button

issue : Add favicon and title

Want to add sidebar title based on the type of the tools

Enhancing User Experience with Hover Effects on Cards

Is your feature request related to a problem? Please describe.
The problem is that without hover effects, cards on a web page may appear static and less engaging to users. This can lead to a less immersive and interactive user experience.

Describe the solution you'd like
The solution is to add hover effects to cards. When a user hovers their mouse pointer over a card, various visual changes can occur, such as:

1- Highlighting: The card can change color, making it clear that it's interactive.
2- Scaling: The card can slightly enlarge to provide a subtle 3D effect.
3-Shadow: Adding a shadow beneath the card can create the illusion of depth.
4- Information Display: Additional information or actions can be displayed when hovering, like showing a button for more details.

These hover effects not only make the cards more visually appealing but also convey interactivity, encouraging users to engage
with the content.

** Add screenshot

Checklist
Example Fill x { [x] } into bracket

• I have checked the existing issues *
• I have read the Contributing Guidelines *
• I have starred the repository *

Add code of conduct file

Sidebar Navigation Auto-Close and Search Bar missing

Describe the bug
Sidebar Navigation Auto-Close: When navigating through the sidebar navigation items, the sidebar does not close automatically after selecting an item. Users expect the sidebar to collapse after clicking on a navigation link for a better user experience.

Bookmark Page Responsiveness: The responsiveness of the bookmark page is not correct. It does not adapt properly to various screen sizes, leading to layout issues and a less-than-optimal user experience.
Missing Search bar in smaller screens: : Due to missing responsiveness Search bar icon is missing

Expected behavior

1. After clicking on a sidebar navigation item, the sidebar should automatically collapse to provide more screen space for the main content.

2. The bookmark page should be responsive, adjusting its layout and elements gracefully to fit different screen sizes and orientations.

Screenshots

Example Fill x { [x] } into bracket

• [x ] I have checked the existing issues *
• [ x] I have read the Contributing Guidelines *
• [ x] I have starred the repository *
• [ x] Working under Hacktoberfest/Hacksquad*

UI improvement of pagination bar

UI of the pagination scroll can be improved to match the persistent colors of the home page

Improve the UI of the header section

Is your feature request related to a problem? Please describe.
Improve the header section of the website. make it responsive and its UI better.

Home button issue in sidebar

Describe the bug
The 'Home' button on the sidebar is taking a different route ("/home") than the "Home" hyperlink on the navbar ("/"). It leads to a blank page with no navbar present

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Sidebar'
2. Click on 'Home'
3. See error

Expected behavior
The route should be the same for both links.

Screenshots

Add share button on the Content box

Description
Add a share button on the content box, so that users can share the link directly with another user

Implement Search Functionality in a website

Add contributor page on the website

Add Contributing.md file

[Feature request]Add infinite scroller with a progress bar at the top

instead of pagination we can use a infinite loading and can use a progress bar on top to show scrolling length.

Add find logic for the sidebar

#Description
Add find the logic for the item present in the website. use sidebar content

#screenshot