Skip to content

Commit

Permalink
the end
Browse files Browse the repository at this point in the history
  • Loading branch information
floriana83 committed Feb 25, 2022
1 parent ad5430b commit 8dd1182
Show file tree
Hide file tree
Showing 2 changed files with 161 additions and 150 deletions.
15 changes: 9 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<div align="center">
<h1>πŸŽ“ EDGEMONY FINAL PROJECT - TEAM SALVATORE B πŸ“œ </h1>
<h1>πŸŽ“EDGEMONY FINAL PROJECT - TEAM SALVATORE BπŸ“œ</h1>
<h1> πŸ–₯️ SNORLAXON, THE AMAZON CLONE πŸ“± </h1>
<img src="https://firebasestorage.googleapis.com/v0/b/clone-8164f.appspot.com/o/readme%20img%2Fsnorlaxon-blu.png?alt=media&token=3d486d86-7171-4baa-93cb-6977140eb85e"
alt="snorlaxUp" height="100"/>
Expand All @@ -25,7 +25,7 @@ Our ecommerce was created using the following technologies:
<p> This is <a href="clone-8164f.web.app/">Snorlaxon πŸ”—</a> a single page application inspired to Amazon.it</p> &nbsp;


&nbsp;<img src="https://firebasestorage.googleapis.com/v0/b/clone-8164f.appspot.com/o/readme%20img%2Fsnorlaxon-banner.gif?alt=media&token=81f1670e-42dd-4807-a20d-8e5e82990894" />
&nbsp;<img src="https://firebasestorage.googleapis.com/v0/b/clone-8164f.appspot.com/o/readme%20img%2Fpresentazione.gif?alt=media&token=53806677-aaf6-41af-accb-d82bca51e1c5" />
</div>&nbsp;

We welcome the viewers with a very impressive Carousel images in the main page; the different images can be slided with the ⬅️ and ➑️ arrows.
Expand All @@ -42,14 +42,14 @@ A detailed product presentation, that includes title, description, price, amount
Moreover, products can be added in and removed from the basket by clicking the relative buttons and, once added some, all items will be displayed into a side Navbar that will also report the relative subtotal, number of items selected and the "vai al carrello (checkout page)" button; by clicking on it, the customer will be redirected to the cart page where a summary of the purchase will be shown πŸ›’(product amount, increase or decrease section for the quantity) πŸ›’

&nbsp;<div align="center">
<img src="https://firebasestorage.googleapis.com/v0/b/clone-8164f.appspot.com/o/readme%20img%2Fsnorlaxon-prodotti-modale.gif?alt=media&token=cb3aa358-7ff5-46b5-bad7-68447acfac3b" />
<img src="https://firebasestorage.googleapis.com/v0/b/clone-8164f.appspot.com/o/readme%20img%2Fcarosello-searchbar-prodotto.gif?alt=media&token=014e612d-89a9-40d3-8335-26a5a1f18e69" />
</div>&nbsp;

If the potential buyer is happy with his purchase, she/he'll proceed to the checkout page where a fake payment section will be avaibale πŸ’³
After that, the confirmation message will appear into a new page 🚚

&nbsp;<div align="center">
<img src="https://firebasestorage.googleapis.com/v0/b/clone-8164f.appspot.com/o/readme%20img%2Fcarrello-acquisto.gif?alt=media&token=e02e0c86-8367-427f-afda-190941e7f101" />
<img src="https://firebasestorage.googleapis.com/v0/b/clone-8164f.appspot.com/o/readme%20img%2Fcarrello.gif?alt=media&token=cb5ce0c1-fa8d-4c1f-8220-d833d166860b" />
</div>&nbsp;


Expand All @@ -60,12 +60,12 @@ Furthermore and in order to make our project more real, we also implemented the
</div>&nbsp;


In conclusion, the footer section also hosts a modal that shows the members of team who made this project possible.
In conclusion, the footer section also hosts a modal that shows the members of the team who made this project possible.
If you want to know more about us just click the "Snorlax Team" link.


&nbsp;<div align="center">
<img src="https://firebasestorage.googleapis.com/v0/b/clone-8164f.appspot.com/o/readme%20img%2Fsnorlax-modale.gif?alt=media&token=f12231ca-af64-434d-a4ee-d24e78495acd" />
<img src="https://firebasestorage.googleapis.com/v0/b/clone-8164f.appspot.com/o/readme%20img%2Ffooter-modal.gif?alt=media&token=8b530ee6-3e19-4896-9c72-f47eb483d3a1" />
</div>&nbsp;

<div align="center"> πŸ’€ </div>
Expand Down Expand Up @@ -128,3 +128,6 @@ npm start

To see the project in your browser just open [http://localhost:3000](http://localhost:3000)

&nbsp;<div align="center">
<img src="https://firebasestorage.googleapis.com/v0/b/clone-8164f.appspot.com/o/readme%20img%2FTotal%20Commits%20(2022).png?alt=media&token=2241740c-6da5-4a38-9943-6a32ded41d26" width=450px />
</div>
Loading

0 comments on commit 8dd1182

Please sign in to comment.