Amazon Next

Mock and re-concept of Amazon

📌 Table of Contents

Features
Installation
Getting Started
FAQ
Found a bug? Missing a specific feature?
Contributing
License

🚀 Features

🛒 Add products to your cart.
💝 Add likes to your favorite products.
🎨 Amazing transitions with Framer Motion
💰 A re-concept of the cart interface from Amazon

👷 Installation

You need to install Node.js and Yarn first, then in order to clone the project via HTTPS, run this command:

git clone https://github.com/LauraBeatris/amazon-next.git

SSH URLs provide access to a Git repository via SSH, a secure protocol. If you have a SSH key registered in your Github account, clone the project using this command:

git clone git@github.com:LauraBeatris/amazon-next.git

Install dependencies

yarn install

🏃 Getting Started

Run the following command in order to start the application in a development environment:

yarn dev

📮 Faq

Question: What are the technologies used in this project?

Answer: The tecnologies used in this project are NextJS, Firebase Database to retrieve products data and Framer Motion for page transitions.

🔨 Deploy

Zeit provides a easy way to deploy NextJS applications. You may create a now.json file with the build configuration.

{
    "build": {
        "env": {
            "SITE_URL": "@site_url",
            "FIREBASE_API_KEY": "@firebase_api_key",
            "FIREBASE_APP_KEY": "@firebase_app_id",
            "FIREBASE_MEASUREMENT_ID": "@firebase_measurement_id",
            "FIREBASE_MESSAGE_SENDER_ID": "@firebase_message_sender_id"
        }
    }
}

You're able to create secrets with the commands provided by the Now CLI in order to map environment variables,

now secrets add <secret-name> <secret-value>

Use them as the values of the env variables that you want to map inside of the build configuration.

🐛 Issues

Feel free to file a new issue with a respective title and description on the the Amazon Next repository. If you already found a solution to your problem, I would love to review your pull request! Have a look at our contribution guidelines to find out about the coding standards.

🎉 Contributing

Check out the contributing page to see the best places to file issues, start discussions and begin contributing.

📕 License

Released in 2020. This project is under the MIT license.

Made with love by Laura Beatris 💜🚀