React Hooks Arcade

React Hooks Arcade - showcasing a variety of application interactivity with React Hooks.

⚙ Features

• React 17
• React Router v5
• React Hooks
• ES8
• PropTypes
• Light/Dark Theme

👁️‍🗨️ Project Preview

Arcade Apps	Github Repo	View Demo
🕒 Pomodoro	Learn More	Coming Soon!
💻 Markdown Editor	Learn More	Coming Soon!
✂️ Paper Rock Scissors	Learn More	Coming Soon!
⚔️ Adventure Link	Learn More	Coming Soon!
🖼️ Infinite Image Gallery	Learn More	Coming Soon!
📖 Trivia	Learn More	Coming Soon!
💬 Web Speech and Timers	Learn More	Coming Soon!
🗓️ Calendar Picker	Learn More	Coming Soon!

🗺 URL Tree

├── /                           #Home
├── /authentication             #Authentication
├── /calendar-picker            #Calendar Picker
├── /highlight-tabs             #Highlight Tabs
├── /infinite-image-gallery/    #Infinite Image Gallery
├── /markdown-editor            #Markdown Editor
├── /moving-boxes-zelda         #Moving Boxes, Zelda
├── /paper-rock-scissors        #Paper, Rock, Scissors
├── /pomodoro                   #Pomodoro
├── /trivia                     #Trivia
├── /web-speech-timers          #Web Speech Timers
└── /*                          #404

🌿 Application Tree

├── README.md
├── package.json
├── public
│   └── _redirects
├── src
│   ├── components
│   │   ├── Apps
│   │   │   ├── Authentication
│   │   │   ├── CalendarPicker
│   │   │   ├── HighlightTabs
│   │   │   ├── InfiniteImageGallery
│   │   │   ├── MarkdownEditor
│   │   │   ├── MovingBoxesAndZelda
│   │   │   ├── Pomodoro
│   │   │   ├── Trivia
│   │   │   └── WebSpeechAndTimers
│   │   ├── Nav
│   │   │   ├── components
│   │   │   │   └── AppBtnInfo
│   │   │   │       └── index.js
│   │   │   ├── index.js
│   │   │   └── utils
│   │   │       └── navbar-array.js
│   │   └── Pages
│   │       ├── Home
│   │       │   └── index.js
│   │       └── NotFound
│   │           └── index.js
│   ├── index.css
│   ├── index.html
│   └── index.js
└── webpack.config.js

⛰️ Roadmap

• Image fade in loading
• More robust UI experience for more apps

📝 Navigation Todos

• Hide/Reveal NavLeft Navigation
• Pages for Mobile Navigation
• App Dark/Light Theme
• Loading Component between Apps
• NavTop AppTitle
• Search Page
• Arcade Page
• Apps Page
• Games Page
• Hover info Desktop
• Mobile Route Click App Info
• Animate Routes with CSS Transition Group
• React Suspense
• React.lazy for Code Splitting
• Optimize assets in Gdrive
• Hover Animation on App CSS Solution