Skip to content
Permalink
Browse files

Merge branch 'master' of github.com:tvillarete/ipod-classic-ts

  • Loading branch information
tvillarete committed Jan 2, 2020
2 parents e8ee55f + be66a70 commit 3b9d4570f03a7605c6ba80169a590ce695812209
Showing with 30 additions and 0 deletions.
  1. +14 −0 README.md
  2. +16 −0 public/index.html
@@ -4,8 +4,22 @@

As we head into the next decade, here's a throwback to remind ourselves how far we've come. An iPod Classic build using React Hooks (no Redux this time), TypeScript, and GraphQL.

I built this thing to be very extensible – to the point where it can even run games (like brick!). In the future I might consider adding a few more little apps and easter eggs (theming?).

![ipod](https://user-images.githubusercontent.com/21055469/71572818-c877a780-2a95-11ea-9e4e-6b0476ff172b.gif)

## Details

Here's a breakdown of the Full Stack:
#### Frontend:
- JS: TypeScript, React (Hooks, Context)
- Styles: Styled Components, Framer Motion (for some of the animations)
- Textures/Icons: All SVGs created by me in Figma
- API: GraphQL

#### Backend
- API: Laravel (PHP) with GraphQL middleware
- DB: MySQL

## Running Locally

@@ -1,6 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-139077840-1"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());

gtag("config", "UA-139077840-1");
</script>

<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -36,6 +51,7 @@
-->
<title>iPod.js</title>
</head>

<body style="margin: 0">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>

0 comments on commit 3b9d457

Please sign in to comment.
You can’t perform that action at this time.