Skip to content
Sign UpLog In
Profile icon

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
GitHub
Website
  • Noughts & Crosses

    Cover page
    Made with Node.js

    This 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!

    Recent comments (13)
    triptych
    triptych
    10 days ago

    I really like how clean and easy to understand it is! I agree a single player mode would be cool, I really dig this Repl!

    Ajh499
    Ajh499
    29 days ago

    There should be an option to either go against players or go against computers because since this repl isnt popular, nobody is going to be on

    Ajh499
    Ajh499
    29 days ago

    British tic tac toe

    sonicx180
    sonicx180
    30 days ago

    awesome! this should get trending.

    OverdriveReplit
    OverdriveReplit
    2 months ago

    Looks cool... wish some one would play

  • Skeleton Loading

    Cover page
    Made with HTML, CSS, JS

    A 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).

    Recent comments (11)
    DragonProgrammer

    wow!!

    STCollier
    STCollier
    4 days ago

    Reminds me of when discord messages have to load haha, nice job

    VulcanWM
    VulcanWM
    4 days ago

    woah this is amazing!

    Rhysen
    Rhysen
    2 months ago

    true! a lot of larger-scale websites (the google browser comes to mind) use this too - it's a pretty useful feature

    SomeWebber
    SomeWebber
    2 months ago

    YOU LIED THERES NO SKELETON

    MrVoo
    MrVoo
    2 months ago

    snazzy

  • Getting Particular

    Cover page
    Made with HTML, CSS, JS

    A recreation of a common particle effect. Click or tap your screen to add more particles.

    Recent comments (17)
    MattDESTROYER
    MattDESTROYER
    1 month ago

    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)!

    Fath00mm
    Fath00mm
    6 months ago

    this is cool

    KingsleyXu
    KingsleyXu
    6 months ago

    image

    so much

    soren
    soren
    6 months ago

    niiice

    MrVoo
    MrVoo
    6 months ago

    oooooooo

    VulcanWM
    VulcanWM
    6 months ago

    This is really cool!

  • No Budget Flappy Bird

    Cover page
    Made with HTML, CSS, JS

    A 'no budget' (in other words not great quality) remake of the classic, arcade-style game: Flappy Bird. Coded from scratch in HTML and JavaScript by me. I also created all the assets as well (don't judge the quality, I'm clearly not a digital artist).

    Recent comments (2)
    CheetahFusa
    CheetahFusa
    8 months ago

    nice game i saw your comment on mine so i decided to check your program

  • Intro to JS

    Cover page
    Made with HTML, CSS, JS

    This 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.

    Recent comments (21)
    SounakSaha2
    SounakSaha2
    2 months ago

    Loved the tutorial...... want some more about JS.... a little bit advanced this time!

    Thanks very much

    EAsh1
    EAsh1
    3 months ago

    Congrats on third place :))

    MattDESTROYER
    MattDESTROYER
    3 months ago

    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.

    MattDESTROYER
    MattDESTROYER
    3 months ago

    Added a console page for testing any JavaScript code, related to the tutorial or not.

Repls
Community
MattDESTROYER
MattDESTROYER
published a Repl
7 days ago
1
Math with WebAssembly
Math with WebAssemblyLearning WebAssembly (WASM). Just some simple math functions in C++ compiled to WebAssembly.
MattDESTROYER
MattDESTROYER
published a Repl
8 days ago
0
Hardware Detector
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.
TheHackerDude1083
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
MattDESTROYER
MattDESTROYER
published a Repl
29 days ago
2
Bouncing Particles
Bouncing ParticlesA simple, fun (JavaScript) particle animation which reacts with HTML elements with the .bouncy class.
MattDESTROYER
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
triptych
This is super fun! you should release this as an npm package folks could add to their pages for fun. 9 days ago
MattDESTROYER
MattDESTROYER
published a Repl
1 month ago
4
MattDESTROYER
MattDESTROYERMy new portfolio site!
sonicx180
sonicx180
awesome!!!!! publish it1 month ago
Coder100
Coder100
common Matt W1 month ago
MattDESTROYER
MattDESTROYER
published an Update
1 month ago
18
Getting Particular
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)!
#html
#javascript
#particles
+2
MattDESTROYER
MattDESTROYER
published a Repl
2 months ago
9
Noughts & Crosses
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!
Ajh499
Ajh499
British tic tac toe29 days ago
Ajh499
Ajh499
There should be an option to either go against players or go against computers because since this repl isnt popular, nobody is going to be on29 days ago
MattDESTROYER
MattDESTROYER
published a Repl
2 months ago
7
Skeleton Loading
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).
VulcanWM
VulcanWM
woah this is amazing!4 days ago
STCollier
STCollier
Reminds me of when discord messages have to load haha, nice job4 days ago
MattDESTROYER
MattDESTROYER
published a Repl
3 months ago
2
Using ReplDB with PHP
Using ReplDB with PHPA short, simple tutorial demonstrates setting up and using a small library I created to interact with ReplDB.
ToddBenrud
ToddBenrud
Thank you!2 months ago
MattDESTROYER
MattDESTROYER
published an Update
3 months ago
9
Intro to JS
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.
MattDESTROYER
MattDESTROYER
published an Update
3 months ago
9
Intro to JS
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.
MattDESTROYER
MattDESTROYER
published a Repl
3 months ago
1
PHP Replit Database
PHP Replit DatabaseA simple PHP library that makes working with the Replit Database using PHP easy!
xNotKing
xNotKing
I prefer SQLite but still, cool project3 months ago
ToddBenrud
ToddBenrud
Thank you! 3 months ago
MattDESTROYER
MattDESTROYER
published a Repl
3 months ago
9
Intro to JS
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.
catreplicators
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
g9y4dgbzgp
The challenge 5 instruction is unclear, what is the solution if we dont use loop?3 months ago
MattDESTROYER
MattDESTROYER
published a Repl
5 months ago
0
Replit Auth with PHP
Replit Auth with PHPReplit Auth with PHP. Click the 'Login with Replit' button and see a mini 'profile card'.
MattDESTROYER
MattDESTROYER
published a Repl
5 months ago
4
Authed View Logger
Authed View LoggerUsing the power of PHP, this Repl logs each user (logged in via Repl auth) who views it!
Youraverageprogrammer
Youraverageprogrammer
god fordbid WHY php 4 months ago
Youraverageprogrammer
Youraverageprogrammer
So @MattDESTROYER , @xNotKing You want me to try PHP?4 months ago
MattDESTROYER
MattDESTROYER
published a Repl
5 months ago
5
The Solar System
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.
VulcanWM
VulcanWM
woah this is really cool!5 months ago
studentmrcode
studentmrcode
ah yes, there's Mercury, Venus, Earth, Mars, Jupyter- I mean Jupiter2 months ago
MattDESTROYER
MattDESTROYER
published a Repl
6 months ago
2
Password Generator
Password GeneratorA cryptographically secure password generator.
VulcanWM
VulcanWM
Woah this is cool!6 months ago