View Code? Open in Web Editor
NEW
This project forked from wellyshen/react-cool-starter
๐ ๐ฃ A starter boilerplate for a universal web app with the best development experience and a focus on performance and best practices.
License: MIT License
Shell 0.25%
JavaScript 6.53%
TypeScript 91.20%
SCSS 2.02%
react-cool-starter's Introduction
๐ I like to / am interested in ...
- Learn new things and find ways to use them in innovative ways.
- Using
Next.js ๐
- Construct complex designs with
HTML /CSS .
- Find solutions for "problems" and complex requirements.
|
Iโm currently working on:
-
A Memory-Game
- Unsplash API implementation (removing possible costs for image processing)
- Highly optimized flexbox layout for all screen sizes (adjusting to width and height to always fit the screen)
- ๐ง Game mechanics (logic, store, settings)
- Fine-tune cards selecting/flipping effect
- Option menu (amount of cards, themeColor, cardBg, difficultyLevel etc. pp.)
- More SVG's as interchangeable card backgrounds (reacting to themeColor)
- Further improve image 'sizes' calculation to account for spacing/gaps
- Light/
Dark/Nightshift mode or even a slider (images can still be bright in dark mode)
- Player vs. AI/(N)PC: with basic learning mechanism as a first step
- Customization / branding / themes
- Encrypted local storage
- And much more, like: winning/losing effect, offline mode, improved "AI", difficulty levels, multiplayer...
โ You got some more ideas you want to share?
![tailwindBadge](https://camo.githubusercontent.com/5b7d624f36834286fe127ddecb1a3f6412e144ac737cef73797c96e70617a4f5/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d266d6573736167653d5461696c77696e6443535326636f6c6f723d653265326532266c6f676f436f6c6f723d626c61636b267374796c653d666c6174266c6f676f3d7461696c77696e64637373)
-
Photo of the day (by Unsplash) - A demo/starter app
Initially just a test project for handling next/image .
![tailwindBadge](https://camo.githubusercontent.com/5b7d624f36834286fe127ddecb1a3f6412e144ac737cef73797c96e70617a4f5/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d266d6573736167653d5461696c77696e6443535326636f6c6f723d653265326532266c6f676f436f6c6f723d626c61636b267374796c653d666c6174266c6f676f3d7461696c77696e64637373)
![codeBadge](https://camo.githubusercontent.com/741d85728db8c74318e3f00f16a7907f6fbb4187c7befcaa63aa39bd844e4f4a/68747470733a2f2f736869656c64732e696f2f62616467652f2d434f44452d626c75653f267374796c653d666c6174266c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)
-
Favicon / PWA-icon test app
Meant for testing favicon / PWA-icon behaviour and other PWA features.
![jsBadge](https://camo.githubusercontent.com/8b24f64732397dbdfe8153e17d171c02529e2021beba9d9fc21b11398ca28d83/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d266d6573736167653d56616e696c6c612d4a5326636f6c6f723d653265326532266c6f676f436f6c6f723d626c61636b267374796c653d666c6174266c6f676f3d6a617661736372697074)
![codeBadge](https://camo.githubusercontent.com/741d85728db8c74318e3f00f16a7907f6fbb4187c7befcaa63aa39bd844e4f4a/68747470733a2f2f736869656c64732e696f2f62616467652f2d434f44452d626c75653f267374796c653d666c6174266c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)
-
A PWA starter project
![tailwindBadge](https://camo.githubusercontent.com/5b7d624f36834286fe127ddecb1a3f6412e144ac737cef73797c96e70617a4f5/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d266d6573736167653d5461696c77696e6443535326636f6c6f723d653265326532266c6f676f436f6c6f723d626c61636b267374796c653d666c6174266c6f676f3d7461696c77696e64637373)
|
|
react-cool-starter's People