warmachine028 / nike Goto Github PK
View Code? Open in Web Editor NEWA clean UI/UI landing page for NIke
Home Page: https://niike.vercel.app
License: MIT License
A clean UI/UI landing page for NIke
Home Page: https://niike.vercel.app
License: MIT License
Original | Expected |
---|---|
Star my other Repositories here
No response
Star my other Repositories here
No response
Star my other Repositories here
In this, we can improve texts and Proportions to get an appealing look and UI/UX
No response
No response
Star my other Repositories here
Nike
.Star my other Repositories here
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.
Issues such as these can be avoided with uniform code formatting.
Star my other Repositories here
Add cart Functionality to the website. Use dummy json data for reference
No response
Star my other Repositories here
Favicon is disproportionate
Star my other Repositories here
Star my other Repositories here
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?)
Star my other Repositories here
Star my other Repositories here
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.
No response
Star my other Repositories here
Light Mode | Dark Mode |
---|---|
Star my other Repositories here
A carousal feature would be a nice addition to this project
Star my other Repositories here
Star my other Repositories here
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.
Animated counters can capture users' attention, provide a sense of interactivity, enhance the page's aesthetics, and add dynamism to the user experience.
Currently there is no visible email validation warning in the sign up section. Can we implement the basic email validation rule using yup.
Star my other Repositories here
I'm willing to work on it
Star my other Repositories here
<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>
...
Mobile | Desktop |
---|---|
Star my other Repositories here
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.
No response
Star my other Repositories here
No response
Star my other Repositories here
X
and >
Star my other Repositories here
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.
No response
Star my other Repositories here
Star my other Repositories here
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...
No response
Star my other Repositories here
Cart functionality to reduce the quantity or remove an item
Star my other Repositories here
Star my other Repositories here
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.
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.
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.
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.
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.
In the current Version there are some small UI things. I am listing some of the UI faults:
Please Assign the Issue To me.
No response
Star my other Repositories here
Star my other Repositories here
Star my other Repositories here
Star my other Repositories here
Star my other Repositories here
No response
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
No response
Star my other Repositories here
Star my other Repositories here
Star my other Repositories here
Changes into Product Card Design
.
Star my other Repositories here
Star my other Repositories here
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.
No response
Star my other Repositories here
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.
No response
Star my other Repositories here
Star my other Repositories here
Default browser scrollbar is not perfect.
We can make it much more appealing
No response
No response
I've encountered this issue in many project which uses next-themes.
How to reproduce:
Video:
No response
Star my other Repositories here
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?
Star my other Repositories here
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.
No response
Star my other Repositories here
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.