Matthew James
@MattDESTROYER
I'm a 16yo Australian full-stack developer. Experienced in JavaScript, dabbled in PHP, learning NodeJS, knowledge in C++, C#, Py and more...
Australia
1
Math with WebAssemblyLearning WebAssembly (WASM). Just some simple math functions in C++ compiled to WebAssembly.
6
0
1
0
Hardware DetectorJust a small random project after finding out I could detect the GPU using JavaScript. Using pure browser JavaScript, this page shows as much information as possible about the hardware you use to view it.
1
4
0
TheHackerDude1083 I did not know that you could just get this kind of info from simply going on a site.That is really cool!7 days ago
2
Bouncing ParticlesA simple, fun (JavaScript) particle animation which reacts with HTML elements with the .bouncy class.
20
6
2
MattDESTROYER (This is an old project, I just noticed it wasn't published so I looked at it again, made some minor changes, and published it.)29 days ago
triptych This is super fun! you should release this as an npm package folks could add to their pages for fun.
9 days ago
4
MattDESTROYERMy new portfolio site!
31
8
4
18
Getting ParticularA recreation of a common particle effect. Click or tap your screen to add more particles.
Optimisation
A very simple (kinda says something that I didn't think of it much earlier...) optimisation improvement means that you should be able to add drastically more particles than before!
Also note: I am learning WebGL, and once I have sufficient knowledge, I will release a further optimised version using WebGL (which should be even faster)!283
17
18
9
Noughts & CrossesThis is a multiplayer Noughts & Crosses game. Instructions on how to play are on the home page. Play Noughts and Crosses with fellow Replers!
This program uses Replit Auth to authenticate users with Replit DB (using my EZReplDB package) to store user data (wins, draws, losses and other info on past matches).
Inspiration: I saw this Repl which is a multiplayer Tic-Tac-Toe game and decided, having newly learnt to use Express, Socket.IO and WebSockets, I would try to make my own multiplayer Noughts & Crosses game (which as you can see, I did). Did I underestimate the challenge? Massively! Did I push myself and learn a lot from this project? Definitely! Have I succeeded in my goal? I'd say so!
106
13
9
7
Skeleton LoadingA simple example of skeleton loading. Skeleton loading uses simple placeholder elements while loading actual content, replacing the placeholder or 'skeleton' content with real content when loaded.
To really see the skeleton loading in action, go to your browser's console, navigate to the network tab and change no throttling to the slowest default option (probably slow 3g but may vary).
130
11
7
2
Using ReplDB with PHPA short, simple tutorial demonstrates setting up and using a small library I created to interact with ReplDB.
18
2
2
9
Intro to JSThis tutorial covers the basics of JavaScript, an essential language for web development. Fork this Repl and begin learning!
Made for the Tutorial Jam! Received the 3rd place prize! $250 USD! Tutorial Jam results.
Tutorial Jam Winner!
Wow! I am lost for words! Third place! Thanks so much!
I'm amazed that already their are 435 forks of this Repl (within three days of it being added to the learn page). (Edit: Wow! That number almost doubled in two days!) I really hope you learn a thing or two from my tutorial! And I'm always happy to help out if you get stuck :D I'd love to know if you finished my tutorial, so feel free to comment here if you did! Also feedback is greatly appreciated :)
As to why I didn't make a video: I have three younger siblings so my house is never really quiet which wouldn't be ideal, but also my exams started yesterday (I'm in Year 10) and while making this tutorial I was preparing for my exams so I didn't really have the time to put together a video.
Maybe after my exams are over, I'll add a video component. Also keep an eye out for my (work-in progress) Intro to JS Game Dev tutorial, which will be somewhat of a 'sequel' to this tutorial.9
Intro to JSThis tutorial covers the basics of JavaScript, an essential language for web development. Fork this Repl and begin learning!
Made for the Tutorial Jam! Received the 3rd place prize! $250 USD! Tutorial Jam results.
Console for testing!
Added a console page for testing any JavaScript code, related to the tutorial or not.1
PHP Replit DatabaseA simple PHP library that makes working with the Replit Database using PHP easy!
62
10
1
9
Intro to JSThis tutorial covers the basics of JavaScript, an essential language for web development. Fork this Repl and begin learning!
Made for the Tutorial Jam! Received the 3rd place prize! $250 USD! Tutorial Jam results.
376
21
9
catreplicators Bug report: In the "Logic" lesson, for the example code in the "===" operator, there's no normal text separating the two examples.3 months ago
g9y4dgbzgp The challenge 5 instruction is unclear, what is the solution if we dont use loop?3 months ago
0
Replit Auth with PHPReplit Auth with PHP. Click the 'Login with Replit' button and see a mini 'profile card'.
6
0
0
4
Authed View LoggerUsing the power of PHP, this Repl logs each user (logged in via Repl auth) who views it!
62
15
4
5
The Solar SystemExplore the solar system by clicking and dragging to pan and scrolling to zoom. Click on a planet or asteroid and the camera will automatically track it!
All art by me (hence the terrible quality).
Note: This is simply an animation, this is not to scale or accurate. The actual planets in the solar system have an elliptical orbit, not a circular orbit. The solar system is also 3D (big surprise there) . To see an accurate and real-time representation of the orbits of the planets, visit NASA's Eyes on the Solar System project.
104
7
5
2
Password GeneratorA cryptographically secure password generator.
27
4
2