Code Monkey home page Code Monkey logo

amazon_homepage-'s Introduction

Amazon_homepage ๐ŸŒ๐Ÿ’ป

I have made a frontend clone of Amazon.com homepage using simple HTML and CSS

Open Source Love svg1 PRs Welcome Visitors GitHub forks GitHub Repo stars GitHub contributors GitHub last commit

GitHub repo size

Github GitHub issues GitHub closed issues GitHub pull requests GitHub closed pull requests

Table of Contents

Preview

Contribution ๐Ÿš€

We welcome contributions from the community! If you'd like to contribute to this project, follow these steps:

  1. Fork the Repository:

    • Click on the "Fork" button at the top right corner of the repository page.
  2. Clone Your Fork:

    • Clone the repository from your GitHub account to your local machine.
      git clone https://github.com/your-username/amazon-homepage.git
  3. Create a Branch:

    • Create a new branch for your contribution.
      git checkout -b feature-branch
  4. Make Changes:

    • Make your desired changes to the HTML and CSS files.
  5. Commit Changes:

    • Commit your changes with a descriptive commit message.
      git commit -m "Add feature or fix"
  6. Push Changes:

    • Push your changes to your fork on GitHub.
      git push origin feature-branch
  7. Create a Pull Request:

    • Open a Pull Request (PR) on the original repository.
    • Provide a clear title and description for your PR.
  8. Review and Merge:

    • The maintainers will review your PR and may request changes.
    • Once approved, your changes will be merged into the main branch.

Syncing with Upstream ๐Ÿ”„

If the original repository has been updated, sync your fork to include the latest changes:

  1. Add Upstream Remote:

    • Add the upstream repository as a remote.
      git remote add upstream https://github.com/original-username/amazon-homepage.git
  2. Fetch Upstream Changes:

    • Fetch the changes from the upstream repository.
      git fetch upstream
  3. Merge Upstream Changes:

    • Merge the changes from the upstream repository into your local branch.
      git merge upstream/main
  4. Push Changes to Your Fork:

    • Push the updated changes to your fork on GitHub.
      git push origin main

Rollback a Commit โช

If you need to undo a commit, you can use the following command:

git revert <commit-hash>

Replace with the actual hash of the commit you want to revert.

Run Locally

To run the Amazon homepage locally, open the index.html file in your preferred web browser.

Contributor's Guide ๐Ÿ™Œ

Thank you for considering contributing to this project! Your involvement makes this project better. Feel free to explore new features, fix bugs, or improve the overall design.

Remember, every contribution, no matter how small, is highly valued. Let's build something amazing together! ๐ŸŒŸ

Happy Coding! ๐Ÿš€

amazon_homepage-'s People

Contributors

123shreyanvi avatar abhraneel2004 avatar aniketde1112 avatar anitsarkar123 avatar anurag596 avatar apu52 avatar debaditya-som avatar kunal-halder577 avatar lord-cyclone100 avatar pritanshu69 avatar rko0211 avatar sapta-dev27 avatar sneha123-zudo avatar u-s-0-0-1-0-0-0-0-0-0-0-0-0-1-0-1-e-r avatar yooashu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

amazon_homepage-'s Issues

Change the cart logo

I would like to change the cart logo to make it look like the original Amazon cart logo.
Current one:-
Screenshot 2024-01-02 163712
Changed one:-
Screenshot 2024-01-02 165822

[Feature]Back to Top

I want to work to make the back to top option in footer panel 1 functional....On clicking it, it will go to navbar section with smooth scrolling....Please assign me under Apertre'24

Change the CSS of the footer section

I would like to change the CSS of the footer section , add links to the texts just like the Original Amazon website , make it more realistics , such that when you would hover on the texts , it would act like a link that would direct you to the particular sites .

Give Crousel effect in the home page

I would like to give Carousel effect by making use of Carousel in the home page , just like how it is shown the amazon website .
Carousel effect will be given by the use of Bootstarp
Uploading Screenshot 2024-01-02 17.11.03.pngโ€ฆ

Adding a image slider

@Pritanshu69
I want to add an image slider in place of the top mobile ad banner. 4 images would be there. they would change every 3 seconds. Also there would be forward and backward arrows which would enable users to change the pics manually by adding some javascript

adding new section

Adding a new arrival section, so that people can see new things quickly.

Add some more new boxes in the shopping sectionn

Add some new boxes in the shopping section :
a) Upto 60% off sale
b) Products starting from 99 rupees
c)Top Deals of the Day
d)End of season sale
In all these boxes i will add the heading , link to access them , and images in the box
I would grateful to you if u allow me contribute here and assign me the issue

To add a discount section

To add a discount section.I wanted to contribute in this project by adding a discount section. In this section all the dicount product will be visible so that it can be easy for the customer to check their product.customers do not need to apply filter .so that they can easily access their product

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.