Git Product home page Git Product logo

code-shop's Introduction

code-shop's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

code-shop's Issues

UI Changes and few additions - Hacktoberfest

Hey there I would like to add a few changes to the UI and also make the nav bar user-friendly that is when the user clicks on any button in the navbar should direct him to that particular tab. Please assign this issue under hacktoberfest-accepted

Footer

Adding footer in this website

Contact form not responsive

image
  • The contact form is not responsive.
  • To make it user friendly css enhancement is required.
  • Hover effect on the submit button to make it attractive

feature: Improving NavBar hover effect

Problem:

  • Hovering animation for a navbar item takes longer duration
  • Rectangular box after hover does not look modern
  • For a brief moment the text (for eg. Home, Smartphone, etc.) is not visible clearly

Reference:

Code-Shop.-.Navbar.UI.issue.mp4

UX Improvement - To Top Button

I think since the page would likely to be filled with a lot of product and have a long vertical page. It is best to create Scroll To Top button to make it easier for user to navigate back to the top of the page.

You can kindly assign this issue to me and I'll start doing it. Thanks in advance

Improve code to better SEO

After analyzing the code, I noticed that there could be a series of improvements that could significantly increase the page's SEO, such as:

  1. Problems with Headings hierarchy.
    image

  2. Some images on your homepage have no alt attribute. We could insert them to improve accessibility.
    image

This could substantially increase the quality of the page's SEO, even if it still wasn't ideal for it to reach 100%.

image

Could you please assign this task to me? (hacktoberfest)

[feat]: Navbar enhancement

  • The navbar should have search bar where users can search for different product

  • The navbar should also have a 'cart' option where user can track their orders

  • The navbar should also have a 'Become a Seller' option for users who want to sell their product

  • The navbar should also have a 'sign in' option

The navbar should look something like the below image

image

[UI Bug]: Janky navigation scroll

What to fix:

  • Currently on clicking any items on the navbar it scrolls to it's respective section instantly.
  • It must be smooth.

Helps in:

  • Better UI.
  • Looks more professional and user friendly.

Back to top arrow button absent

image
  • back to top is not present
  • moving arrow effect on the button
  • neon light effect on hovering
  • with proper functioning and user friendly

Contact Page Cosmetic changes.

On the contact page the details are not looking that visually appealing and can be improved.

Proposed Improvements:

  1. Text Spacing
  2. Changing font

Currently I'm working on it to fix it.

Accessibility Issue on Front Page

Alt text is missing on the logo/linked image (per WAVE).

I'd appreciate this issue to be assigned to me, with the Hacktoberfest label.

Many thanks!

Screen Shot 2023-10-05 at 9 07 25 PM

Adding features

I would like to enhance the homepage i.e, the home page design by adding the bestsellers feature (it will display the bestselling shirts for example).
A customer review page.
Kindly assign this issue to me.

Enhancement of About Us Section

Enhancement of About Us Section

Description

  • Currently, the About Us section of the webpage is too simple, consisting of just one div and a paragraph of text.
  • It doesn't quite align with the aesthetics of the page, especially the top section.
  • There are no animations to make the section visually interactive and appealing.

Enhancement

  • I propose enhancing the About Us section to make it more aesthetically pleasing by adding a well-designed layout, icons, and engaging content.
  • My plan is to introduce animations to make the section dynamic on hover, as it currently lacks responsiveness.

improving the banner section

when user hovers on this then it should automatically slide into next banner rather than clicking < > buttonsimage

Update Your Readme

I'm eager to help with these improvements and create a more user-friendly and welcoming Readme for your project. Please let me know if you agree with this proposal, and I'll be happy to create an issue on GitHub to track the progress.

Thank you for considering this enhancement, and I look forward to contributing to your project.

Update the men's section

Hello there @SyedImtiyaz-1. I would like to add the men's section in your e-commerce website which will make it more presentable. Can you. kindly please assign this issue to me.

[Bug]: Contact page has many bugs

Bugs to fix:

  • When navigating to 'contact' page from 'about' page, it gives '404 Not found' error.
  • Contact page navigation bar is different from others.
  • Image on the left is taking a lot of space.
  • 'Contact Us' form is very small compared to what it was before.

[UI Bugs]: Some minor UI bugs

##What is to be done:

  • Smooth scrolling.
  • Fix stretched looking images.
  • Switch cursor to 'pointer' when hovering over any clickable item (currently missing in: sec-3 div in nav and on the "CodeShop"'s shop part).
  • The mobilephone, smartwatch, and tshirt boxes's UI breaks at 1220 width.

###Screenshot:
image

No Mobile View

Hello I wanna work on the mobile view, can you assign me on this one

Card's Content Upgradation

Issue found

  • Each card for every category item contains dummy text in item description section.
  • Pricing isn't realistic.

Proposed Improvements

  • I would like to provide real-time & valid card description to each and every product.
  • I would tally and provide realistic pricing for every item.

P.S. - I request the maintainers to please assign me this task to make necessary upgradations. (hacktoberfest)

Looking forward to the maintainer's (@SyedImtiyaz-1) kind reply!!

Create CONTRIBUTING.md file

It seems your project doesn't contain a contributing.md file. Having that file would be really helpful for beginners to know how to contribute to the project.
Could you assign this to me under Hacktoberfest?

Static content on home page

The content on home page i.e. Tshirt, Smartwatch and Mobile phone boxes/section , the hero-section image, banner div images, and the swiper images are all static. All this content should be dynamic.

This will help in:

  • Easy for modifying and adding page content.
  • Easy for implementing backend later.
  • Increase code reusability by creating custom dynamic content for this website.
  • This will also make it easy if you want to implement React in the project later.

Improvement of Contact Us Section

Issue: Improvement of Contact Us Section

Description:
The current Contact Us section on the website could benefit from enhancements to improve user engagement, accessibility, and overall functionality. This issue aims to address specific areas for improvement in order to provide a more effective and user-friendly experience.

Areas for Improvement:

  1. Design and Layout:

    • Evaluate the visual design of the Contact Us section for aesthetics and alignment with the overall website theme.
    • Consider optimizing the layout to ensure a clean and intuitive presentation of contact information and form elements.
  2. User Interaction:

    • Enhance user interaction by incorporating features such as hover effects, subtle animations, or transitions that guide users through the contact form.
  3. Form Usability:

    • Review the contact form's usability, including input validation, error messages, and the overall user flow. Make improvements to streamline the process of submitting inquiries.

Expected Benefits:

  • Enhanced user experience, encouraging more visitors to engage with the Contact Us section.
  • Improved accessibility, making the section inclusive for all users.
  • Streamlined communication with users through an optimized contact form.

Thank you for considering these improvements to the Contact Us section. I look forward to the positive impact on user experience.

Want to fix the logo of the navbar

The logo is not matching with the navbar style so I will minimize the size of logo to make it look better with the navbar .
The title CODE SHOP should be in a line so that it could match with the navbar.
image

please assign me this issue and label it with hacktoberfest
I will raise up my PR asap.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.