Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/laurabeatris/amazon-next
A simple mock and re-concept of Amazon - built with Next.js, Firebase, and Framer Motion
https://github.com/laurabeatris/amazon-next
css framer-motion frontend javascript nextjs react tailwind
Last synced: about 12 hours ago
JSON representation
A simple mock and re-concept of Amazon - built with Next.js, Firebase, and Framer Motion
- Host: GitHub
- URL: https://github.com/laurabeatris/amazon-next
- Owner: LauraBeatris
- License: mit
- Created: 2020-01-26T13:42:16.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T22:38:14.000Z (almost 2 years ago)
- Last Synced: 2024-09-24T12:54:01.011Z (about 13 hours ago)
- Topics: css, framer-motion, frontend, javascript, nextjs, react, tailwind
- Language: JavaScript
- Homepage: https://amazon-next.now.sh/
- Size: 4.89 MB
- Stars: 126
- Watchers: 3
- Forks: 15
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Amazon Next
> Mock and re-concept of Amazon
[](https://github.com/LauraBeatris)
[](#)
[](https://github.com/LauraBeatris/amazon-next/stargazers)
[](https://github.com/LauraBeatris/amazon-next/network/members)
[](https://github.com/LauraBeatris/amazon-next/graphs/contributors)
---
# :pushpin: Table of Contents
* [Features](#rocket-features)
* [Installation](#construction_worker-installation)
* [Getting Started](#runner-getting-started)
* [FAQ](#postbox-faq)
* [Found a bug? Missing a specific feature?](#bug-issues)
* [Contributing](#tada-contributing)
* [License](#closed_book-license)
# :rocket: 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
# :construction_worker: Installation
**You need to install [Node.js](https://nodejs.org/en/download/) and [Yarn](https://yarnpkg.com/) 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 [email protected]:LauraBeatris/amazon-next.git```
**Install dependencies**
```yarn install```
# :runner: Getting Started
Run the following command in order to start the application in a development environment:
```yarn dev```
# :postbox: Faq
**Question:** What are the technologies used in this project?
**Answer:** The tecnologies used in this project are [NextJS](https://nextjs.org/), [Firebase Database](https://firebase.google.com/docs/database?hl=pt-br) to retrieve products data and [Framer Motion](https://www.framer.com/api/motion/) for page transitions.
## :hammer: Deploy
[Zeit](https://zeit.co/) 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](https://zeit.co/download) in order to map environment variables,
```
now secrets add
```
Use them as the values of the env variables that you want to map inside of the build configuration.
# :bug: Issues
Feel free to **file a new issue** with a respective title and description on the the [Amazon Next](https://github.com/LauraBeatris/amazon-next/issues) 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](https://github.com/LauraBeatris/amazon-next/blob/master/CONTRIBUTING.md) to find out about the coding standards.
# :tada: Contributing
Check out the [contributing](https://github.com/LauraBeatris/amazon-next/blob/master/CONTRIBUTING.md) page to see the best places to file issues, start discussions and begin contributing.
# :closed_book: License
Released in 2020.
This project is under the [MIT license](https://github.com/LauraBeatris/amazon-next/master/LICENSE).
Made with love by [Laura Beatris](https://github.com/LauraBeatris) 💜🚀