Code Monkey home page Code Monkey logo

leatherhoard's Introduction

Leather Hoard

Leather Hoard is an Open Source Website built using HTML, CSS, JavaScript and Bootstrap.

The Leather Hoard website is a website for selling leather products. This project is a design template for an online store. Anyone is welcome to add a new feature to this website. Examples include the sign-in page, sign-up page, product list page, product search capabilities, "Buy now" form, send messages functionality, read more/view more functionality, subscribe functionality and many more.

The aforementioned improvements will make it easier for visitors to browse the website and place online orders for new products. Additionally, it will aid the learners in understanding the fundamental components of an e-commerce website.

Visit the website: Leather Hoard

📌 Tech Stack

HTML CSS JS Bootstrap

📌 Live Demo of the Website:

LeatherHoardWebsite.mp4

📌 Contribution Guidelines 🏗

Are we missing any of your favorite features, which you think you can add to it❓ We invite you to contribute to this project and make it better. To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

   git clone https://github.com/KiranAminPanjwani/LeatherHoard.git

3. Navigate to the project directory.

   cd LeatherHoard-Website

4. Create a new branch:

   git checkout -b YourBranchName

5. Make changes in source code.

6. Stage your changes and commit

   git add .
   git commit -m "<your_commit_message>"

7. Push your local commits to the remote repo.

   git push origin YourBranchName

8. Create a PR

9. If anyone contribute to this repository, then the changes will not reflect in your local repository. For that:

10. Setup a reference(remote) to the original repository to get all the changes from the remote.

   git remote add upstream  https://github.com/KiranAminPanjwani/LeatherHoard

11. Check the remotes for this repository.

   git remote -v

12. Fetching from the remote repository will bring in its branches and their respective commits.

   git fetch upstream

13. Make sure that you're on your master branch.

   git checkout main

14. Now that we have fetched the upstream repository, we want to merge its changes into our local branch. This will bring that branch into sync with the upstream, without losing our local changes.

   git merge upstream/main

Code of Conduct 📜

To maintain a safe and inclusive space for everyone to learn and grow, contributors are advised to follow the Code of Conduct.

Contribution is fun! ❤️

If you have any feedback or suggestions please reach out to me.

In order to make a hassle-free environment, I implore you all (while contributing) to follow the instructions Contributing Guidelines!

You can create a issue and mention there , which new features or extension can make this Project more good.


Show some ❤️ by starring⭐ this awesome Repository!

OUR VALUABLE CONTRIBUTORS✨

Project Admin ❤️

© 2022 Kiran Amin Panjwani and contributors
This project is licensed under the MIT license.

forthebadge


Kiran Panjwani

leatherhoard's People

Contributors

aditisingh2003 avatar ankit-11525 avatar anmol5936 avatar anshupathak-88825 avatar arunbohra12 avatar ashasindhu avatar bilalzhd avatar dharmik3 avatar eemike07 avatar hasib503 avatar himadeepthi1 avatar imrezwan avatar keegan-20 avatar kiranaminpanjwani avatar kunaaal13 avatar logic-404 avatar mahak008 avatar mitaka009 avatar neerajbhatt411 avatar olepundit avatar pldnz avatar rahulkarda avatar saisantosh2209 avatar samipak458 avatar soustab10 avatar sumitbishti avatar teekshaharish avatar terrifricker avatar tushartalesara avatar

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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

leatherhoard's Issues

Contact button not working

Description

LeatherHoard.-.Brave.2022-10-02.15-36-29.mp4

contact button should've link of contact section

Screenshots

No response

[FEATURE] Improve collection card

🎇 Description

We could put some effects on hover and create some ctas on cards in collections, what do you think?

🖼 Screenshots

image

[FEATURE] Social Media icons redirection

🎇 Description

Social media icons are not properly managed in different pages also they are dummy button not working so make them redirect towards admins social media handles

🖼 Screenshots

No response

links in Nav Bar

the links in nav bar is not working as clicking about should land us on about section of the website

i want to contribute this for hacktoberfest 22

[Bug] Social icons should be consistent in all pages

Description

How to reproduce:

  1. Go to the footer section of the home page and hover over social icons
  2. Go to the footer section of login page and hover over social icons
  3. Observe they behave differently in the above step 1 and step 2

Expected behavior: The social icons should be consistent/same on all pages of the website.

Actual behavior: In the footer section, when we hover over social icons, we see two different behavior on the home page and login page

Proposed design: I think we can use the home page's social icons design on the login page as well. Please let me know your feedback on that.

Screenshots

Home page
home-page

Login page:
loginpage

carousel slide

Hey there,
I have seen the carousel slider and the information is pretty repetitive, I would like to add more information to the other sliders so that the user can have a variety of slides to look at when they first visit the site, I think it brings an amazing touch to a website.
Hence I would like to be assigned this issue. Thanks.

Imroving "Our New Arrivals" Section

Hello, Myself a contributor from Hacktoberfest. "Our New Arrivals" Section of the page is looking very monotonous. It can we improved by using some great CSS effects. I would like to contribute to this issue . Please assign me this issue.

Search Button is not working (bug & feature request)

Description

The Search Button is not working

To-Do 📝

  • working search button which match the ui
  • autosuggestion for products , useful links , and redirects
  • caching searched data to show in recent search

Screenshots

image

login form

we can create a login form with email and password.can I work on this.

[FEATURE] : a dedicated About page can be created for the site

🎇 Description

when clicked on Read more it must redirect to a about page...

there can be 2 approaches to make this

  • we could add sections about the project , the admin , the contributors , how to contribute (form contribute.md),..etc.
  • or add section about the company , and stuffs .. being in the scope of the site

🖼 Screenshots

image

Improve the new arrival cards design

As of now the cards look simple, there is no animation on hover, and not even the cursor is a pointer at hover, I want to fix these and make cards look more modern, please assign this to me under hacktoberfest label

Fix CSS clipping for login//registration page

Description

CSS can be touched up for the Login//Register. It looks like it is currently clipped.
(some reason, It won't let me attach screenshot).

Please assign to me :)

Screenshots

No response

contact us section

hey there @KiranAminPanjwani , i want to improve contact us section as it is covering so much area and form is not looking good i want to make it more attractive
#hackoctoberfest22

Scroll progress bar

Description
I want to add a scroll progress bar, it is generally seen in modern websites, would be a good edition to this website.

Screenshots
Like this scroll progress bar at the top
Screenshot 2022-10-01 at 9 44 18 PM

edit social media icons and images

Description
A clear and concise description of the enhancement you propose, also include what you tried and what worked.

I suggest, if u edit the size of the social media line and icons of social media, then it looks nicer, and change the padding also between these two.

Screenshots
Add screenshots if applicable.

image

Navbar buttons not functioning.

On clicking About, Products and Contact Us complete page reloads rather than this it should redirect to relevant section of the page.
Can you assign me this task as the part of hacktoberfest?

Fixing products.html

Description

Wrong popup is given when the like button inside products.html is pressed. Kindly assign me the issue so I can start working on it.

Screenshots

LeatherHoard.-.Products.-.Google.Chrome.2022-10-02.01-51-11.mp4

Reduce cumulative layout shifts

Through pagespeed insights it is possible to see that the site has some CLS, we could improve this by defining width and height for the images.

image

image

Clicking on heart icon in products page gives wrong preview image

🎇 Description

In /html/products.html route when we click on a product we get to see its preview in a modal which is expected. But the problem is that when we click on the heart in the product card. We see the heart image in the preview instead of the product image.

🖼 Screenshots

Unexpected Behavior:

Improve product category design

In our collections section, the category image is not properly circular shaped, also each product category can be a bootstrap card to look nice.
Can we please do that?

Make "contact Us" form working in the website.

At present, the contact us form has just the UI part and the send message button has no functionality. I would like to make the form working and on click the send button, all form inputs are sent in the email.

The UI could be enhanced.

Hi, nice website overall but in a few places UI can be improved.

  1. The boxes are not aligned properly.
    image
  2. large empty space here.
    image
  3. Not centered properly.
    image

Make contact input fields more intuitive

When we focus on any of the input fields from the Contact us form, that field doesn't reflect the user's action. I think we should show box shadow around the input field, something like the below image -
focus-effect

Can I please include this in this project?

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.