Description

• Hamburger menu is hidden for shoe details page because the page links are for Home
• Add proper logic to display view details link and enable hamburger menu for Show Details Page.

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• The theme button on the navbar becomes invisible on switching to dark mode.
• Also make it cursor-pointer to make it more visible.
• This issue needs to be fixed.

Screenshots

Light Mode	Dark Mode

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

I would like to work in cards, in order to make them more interactive and that this is a plus for the user to be more comfortable.

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Inverted navbar background color theme (Picture 1, Picture 2)
• Some texts do not contrast when in a dark theme (Picture 3)
• Some UI doesn't have dark theme (Picture 4, Picture 5)
• Theme button icon only shows the same icon

I'm willing to work on it

Screenshots

Picture 1 (light theme)

Picture 2 (dark theme)

Picture 3

Picture 4

Picture 5 (dark theme)

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Required Haburger menu for mobile devices
• Given is the hamburger menu of Real nike website
• Something similar is expected from the contributor
• The hamburger menu should be visible only in mobile devices

Screenshots

Original	Expected

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• The menu must open over everything, including the navbar
• It also had a slight open animation before, it must be added again.

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Add Hover Effects to buttons
• The buttons must have primary color on Hover (white)
• Must have border color as background Color
• Text color must be same as border color

Screenshots

Similar to this

Additional information

• Implement it using tailwindCSS

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

Hey, I would like to add some styling, and animations in the buttons on the webpage such that, it makes the website more responsive and attractive. Will love to work on this kindly assign it to me with hacktoberfest label.

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• The sign up input doesn't feel accurate on dark modes.
• This needs to match the theme.

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

Steps to Reproduce:

Open Website.
Navigate to the Navbar.
Click on any of the Navbar options.
.
.
.
I will be happy to work on this issue.

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

Currently we can only see the products but we should have a single product page which is selected so we can see & select sizes, color, etc before adding to cart...

I can work on this please assign me this feature...

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

A carousal feature would be a nice addition to this project

• Add a carousel for the customer reviews
• Add more dummy reviews
• The carousel must rotate automatically initially
• Must have a pagination item at the bottom to pause and navigate next or previous reviews
• Any animation would be nice

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

Default browser scrollbar is not perfect.

We can make it much more appealing

Screenshots

No response

Additional information

No response

Description

• The Heading style doesn't look great in Dark theme in Hero Section.
• Please add a better style for it to enhance the beauty of the page.

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Scrolling down the page brings the footer below the menu
• This must be fixed and the footer must be behind the menu always.

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Currently on clicking the best contributor's icons in README.md, it takes to the project's contributor page.
• It would be nice if we could redirect each icon links to individual contributor's profile instead.
• This issue must be implemented without changing the current style.
• The contributor's must not be added manually in the README.md rather they must be dynamically added as currently.

Screenshots

Additional information

No response

Description

• The side bar has a scope for improvement
• Add animations for opening
• Add a blur effect in the background.
• Add a better background color to match the site.
• Remove the Boolean value from the top left corner
• Use proper icons for closing and links instead of X and >

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

What would you like to share?

In this, we can improve texts and Proportions to get an appealing look and UI/UX

Additional information

No response

Description:

The current design of the input field background on the website has several issues that affect the overall aesthetics and user experience. Specifically, the black bg stands out in a way that doesn't align with the website's visual style. There are inconsistencies in how the input field is presented in light mode and dark mode. Additionally, introducing an interactive effect when the input field is active can enhance the user experience.

Issues:

Inconsistent Background of Input Field: The black background of the input field does not blend well with the overall aesthetics of the website, making it appear out of place.

Inconsistencies in Mode Switching:

In dark mode, the entire input container is black.
In light mode, the typing area's background is set to black and rest of the container is white.

Screenshots

Border Style: The input field's sharp-edged black background contrasts with the rounded borders of the box covering the input field, resulting in an unpleasing visual inconsistency.

Suggested Improvements:

Consider adjusting the background color to better match the website's color scheme and aesthetics.
Ensure consistency in the appearance of the input field between light and dark modes.

I would like to raise this issue and offer my assistance in implementing the suggested improvements. If the community and moderators find these enhancements desirable, I am willing to contribute to the resolution of this issue.

Description

• View Details Page Needs to be designed for Nike.
• An example details page has been provided below for reference

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Remove the nike text from the logo (Only for mobile devices)
• Make the navbar a bit shorter for (Only for mobile devices)
• The logo and icons must also be made smaller
• The theme icon seems not aligned properly
• Take reference from the original site webpage screenshots given below

Screenshots

• Reference
  

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

I've encountered this issue in many project which uses next-themes.
How to reproduce:

• clear local storage theme
• reload website
  -try switching mode
  It doesn't work for the first time because clearing local storage sets theme to system by default and then sets to initial theme on click.

Video:

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

Favicon is disproportionate

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

Add cart Functionality to the website. Use dummy json data for reference

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

When you click in Cart Icon its show you the Cartview, but when you click it again, nothing happends.

(I worked on it before the Issue report, sorry for than! here is my PR, if ok, you can assign it to me?)

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• The title in the hero section has some unwanted padding attached to it.
• This needs to be removed from the hero section
• Change the Hero section from previous to the given code below.

<section className="xl:padding-l wide:padding-r padding-b">
  <div id="home" className="w-full flex xl:flex-row flex-col justify-center min-h-screen gap-10 max-container">
    <div className="relative xl:w-2/5 flex flex-col justify-center items-start w-full max-xl:padding-x pt-28">
      <h1 className="mt-10 font-palanquin text-8xl max-sm:text-[72px] max-sm:leading-[82px] font-bold">
        <span className="xl:bg-white xl:whitespace-nowrap relative z-10 pr-10 dark:bg-slate-gray duration-300 rounded-lg">The New Arrival</span>
	<br />
        <span className="text-coral-red inline-block mt-3">Nike </span> Shoes
      </h1>
...

Screenshots

Mobile	Desktop

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

The Navbar should persist when we visit different routes. Eg: When we go from home page to /shoe_detail page. But, there is no navbar in the detail page. Is this intentional?

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

The website has this orange-black theme.

Not perfectly matched with the blue selection colour.

I can change that to yellow or even light orange which will look a lot better.

Also it would be nice if we selecting images is disabled

Screenshots

Additional information

No response

Description:

• The landing page currently appears static upon loading.
• To enhance the user experience, I propose adding animated number counters to the displayed counts.
• This will not only make the page more dynamic but also draw attention to these key metrics.

Screenshots

Suggestion:

Integrate animated number counters for metrics on the landing page. When a user visits the page, the numbers should increment smoothly from zero to their respective values.

Why This Enhancement:

Animated counters can capture users' attention, provide a sense of interactivity, enhance the page's aesthetics, and add dynamism to the user experience.

I would appreciate feedback from the moderators and the community on the desirability of this enhancement. If it aligns with the project's goals and vision, I am excited to contribute and make this improvement myself.

Description

• The page title of Hero Section is not properly visible in mobile devices.
• This needs to be fixed.

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

Currently there is no visible email validation warning in the sign up section. Can we implement the basic email validation rule using yup.

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Add signin, Signup functionality for the users.

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

Cart functionality to reduce the quantity or remove an item

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Can't scroll the site in mobile view.
• Please look into this issue and fix it without losing any functionality.

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

Since we have lot of devs working on this project. We need to have prettier and husky setup for proper code formatting during git push.

Screenshots

Issues such as these can be avoided with uniform code formatting.

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

typo class declaration at sections PopularProducts.jsx line 16

sm-grid-cols-2 maybe sm:grid-cols-2

Screenshots

Additional information

No response

Description

In the section labeled "What Our Customers Say?", there is a noticeable change in the layout of elements when longer text feedback is provided. Specifically, the elements shift downward to accommodate the longer text.

This change can impact the overall user experience because it may cause users to have to scroll down for arrow clicking. It affects all the elements below them as well.

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

In the current Version there are some small UI things. I am listing some of the UI faults:

1. In large screen formats, the Heading in the Hero section has no padding in the left:
   To be Fixed:
   

Fixed Changes:

2. In the Mobile Version the stats are not looking great aligning at the start, that can be improved by centering them

To be Fixed:

Fixed Changes:

3. The Current Hard Hover effect can be somewhat improved, shadows and border effects can be added to increase the interactivity experience.
   

Please Assign the Issue To me.

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

Changes into Product Card Design

Screenshots

.

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Currently on clicking the icon of README.md, it opens the icon itself.
• The link tag must be fixed to redirect to the original deployed Nike website.

Screenshots

Additional information

No response

Description

• Add github icon in the footer
• Add this project link in the icon

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• When we scroll down, the Navbar is not visible in the page
• Make the Icon a bit bigger
• Make the Navbar thinner than current
• Make the Navbar floating
• The floating Navbar should only be visible when scrolling up from anywhere it's not currently visible
• have a look at the original website here. Scroll down and observe the Navbar here

Screenshots

• Original Website

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

In the current version of our application, there is a noticeable issue when users click on navigation items. Instead of providing a seamless and user-friendly experience, the navigation causes a split scroll, which disrupts the overall usability and aesthetics of the website. This issue can be significantly improved by introducing the Smooth Scrolling functionality.

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Add hover animations to these card components.
• A grow animation must be applied in the hovered card
• Do using Tailwind classes

Screenshots

• Before
  

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

I want to add the cart feature. It will be developed with dummy data. but, later on we will implement Cart Context once we settle on the design

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

I want to make so that users can only select text.

Many websites do this.

It also helps me solve #39 as I am unable to make sure text selection color does not interfere with images.

Screenshots

No response

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• This site needs a simple search bar at the top of the page.
• The search bar must match the overall aesthetics of the page
• The UI is to be added for now.
• A separate issue will be created to add functionality later

Screenshots

Desktop View

Mobile view

• default
  

• When clicked
  

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• Implement Dark theme using Context in react.
• User can select using a toggle similar to memories or a drop down.
• Use TailwindCSS for implementing this feature.
• Existing appearance on default mode must not be hampered at any cost.
• The toggle must be present on the sidebar for Mobile devices.
• Discuss your approach with the maintainer thoroughly before getting assigned to this issue.

Screenshots

No response

Additional information

• Avoid PropDrilling
• Avoid using CSS directly

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• The webpage needs fix in the Hero component for xl devices (1280x800px).
• It is missing some padding from the left side

Screenshots

Additional information

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here

Description

• A floating action Button must be added to reach to top of the page on one click.
• This button must only be visible after reaching a certain height in the page from Top.
• The scroll effect must be smooth and not instant.
• It must be overlayed and the position must be at bottom right corner of the screen
• It must be visible for both small screen and large screen devices.

Screenshots

• This is a reference of a Floating Action Button.
  

Additional information

• Only use TailwindCSS and refrain from using Inline styles or Plain CSS.

Make sure to read the CONTRIBUTING and SETUP docs before proceeding

Happy contributing. 💐

Star my other Repositories here