Apple-Clone

Apple.com clone web app that is built using React.js and Node.js

Motivation

I wanted to recreate the apple.com website using node for my back end and react for my front end.

Description

For the back end, I used Express for my server and MySql for my database. My REST-API is serving the iphone page from the database.

For the front end, I wanted to make the current apple.com better by using a third party API from Google Cloud, specifically youTube, and incorporating it to the website, so anyone can have access to Apple's youTube channel straight from the website.

Build Status

Live: here on Heroku.

Stack

• Node
• Express
• React
• MySql

APIs

• YouTube from Google Cloud click

Requirements

• Node
• Nodemon

Setup

• clone to computer using:

git clone https://github.com/birukkebede11/apple-react-function-based.git

• run npm install from inside the backEnd directory AND the client directory.

cd backEnd
npm install
cd ../client
npm install

Note: you will need api key from the google cloud and Apple's youTube channel ID.

Create a .env file in the client directory:

REACT_APP_API_KEY=<your_youTube_api_key>
REACT_APP_CHANNEL_ID=<your_channel_id>

• From inside backEnd folder type (requires Nodemon) to start server and client:

npm run dev

You can also just run the server for development:

npm run server

You can also just run the client for development:

npm run client