Roland Levy
Content Creator
@RolandJLevy
Full Stack Developer
- #JavaScript
- #React
- #Node
- #Express
- Visit my website: https://www.rolandlevy.co.uk
1
react: emoji-finderEmoji Finder 🔎
> Search utility for finding and copy emojis to the clipboard. Made with React.
Live demo
Source code
Github repo
Node packages used
node-emoji
react-hot-toast
copy-text-to-clipboard
Links
-react-ref-autofocus
10
0
1
1
js: emoji-animationEmoji explorer
> Play with and explore hundreds of different emojis. Made with vanilla JavaScript and CSS.
56
2
1
0
css: animating-flower-petalsControlling the animation with CSS and just 33 lines of vanilla JavaScript
3
Controlling the animation with CSS and just 33 lines of vanilla JavaScript
Live demo
Source code
See Github repo
HTML, CSS, JS
0
js: key drumsKEYDRUMS ⌨️
> Play a range of different percussion instruments on the keyboard or on your phone!
32
0
0
4
css: traffic lights animationCSS traffic lights 🚦
Animating a set of traffic lights at night with CSS only - look, no JavaScript! 👀
59
3
4
0
js: promised-based unsplash gallery simplifiedInfinite image gallery fetched from the Unsplash API, loading 10 at a time. Made with just 44 lines of vanilla JavaScript ⭐
11
Infinite image gallery fetched from the Unsplash API, loading 10 at a time. Made with just 44 lines of vanilla JavaScript ⭐
Links 🔗
Play the demo
Vi
HTML, CSS, JS
minishxp This is really cool. Unsplash is really cool too. The gallery isnt really "infinite", it's just really really REALLY big.1 year ago
0
css: modal using target pseudo class Using the :target pseudo-class to create modals without JavaScript
1
chat-app-with-socket-ioGetting practical experience of websockets by building a simple chat app using socket.io
167
0
1
6
getting practical experience of websockets by building a simple chat app using socket.io
Screenshot 📷
BackChat
Links 🔗
Live demo
View source code
Node.js
11
js: interactive trailing spiralClick and drag to see a trail of fading circles. Made with just 18 lines of JavaScript. Fully responsive and mobile-friendly.
115
8
11
3
express: photo finder using unsplash apiA photo finder which uses the Unsplash API that serves data from the largest open collection of high-quality, royalty-free photos
81
4
3
9
js: interactive poemsClick and drag to see the letters of the poems moving with the position of the cursor then fade away
3
vue: paint pixel artA customisable grid and colour palette for painting pixel art, using Vue.js.
106
20
3
10
js: interactive coloured circlesA grid of interactive coloured circles that change size and opacity based on the position of the cursor. Move your cursor over the grid to see the effect. Dark-mode toggle included.
36
0
10
5
css: google loading animationA looping animation for a Google loading screen using the brand colours. Animation speed can be adjusted with the slider
145
0
5
464
js: wave-pool-simulatorWave-pool simulator is an animation experiment using customizable spinning conic gradient circles
4.8K
205
464
5
Using the power of the CSS animation property to animate a set of traffic lights at night. Look, no JavaScript! 👀
Links 🔗
Play live demo
See sourc
HTML, CSS, JS
121
WAVE-POOL SIMULATOR 🌊
A fun CSS animation experiment which started with just one spinning Conic Gradient circle and developed from getting more and
HTML, CSS, JS
