Online Music Hackathon

First Prize: $5000

Ends on Jul 22:
00
Days
00
Hours
00
Mins
00
Secs

Updates from the Repl.it team about the product

Posts
Pinned
10
Repl.it CodeJam Event #7
Welcome to the 7th Repl.it Code Jam! Join our two day coding challenge to code about a topic that will be announced. From beginners to advanced coders, our CodeJam fits every experience level. If you need help, ideas, or anything else you can request it on the Discord server or on Repl.it Talk. Have you ever wanted to be famous on Repl.it? The lucky winners will get a special role & emoji on the Discord server and might be featured on the newsletter. In honor of our first CodeJam, we will hold the CodeJam on the same days the competition was last year. Sign up on the forum and enter the Discord server to join this phenomenal opportunity that you will never want to miss. Good Luck! EVENT DETAILS: Date: Friday August 2nd, 6:00pm EDT to Sunday August 4th, 6:00pm EDT Length: 48 hours Sign Up Form: https://forms.gle/oksDz5RbBEKytPRK6 Rules: https://docs.google.com/document/d/1zZ_LMmgAsm9slnkrVB5kdebwFUURR9GrpvTaA9tUW5k/edit?usp=sharing Discord Server: https://repl.it/discord
4
posted by Mosrod (262) 4 days ago
Pinned
9
Weekly Repls #40
Bonjour les amis! (That's hello friends in french). We're on our 40th weekly repl, and slightly early aswell. I must say, after so many weekly repls, It's hard to find new ways to say hello. If you have any ideas on how I should introduce my next post, I'd love to hear them! Now we may be a little early, but that doesn't mean we have less repls. We've had a ton of super awesome submissions, so let's check them out! @SolarBoom [Creates their own version of the popular hackertyper.com website!](https://repl.it/talk/share/Clone-of-hackertypercom/16635) @numcomx [Speaking on versions of popular apps, checkout this fruit ninja clone! (Can you beat my score of 16200?)](https://repl.it/talk/share/Fruit-ninja-clone-game-made-with-PhaserJS/16585) @phobos [Demonstrates 3 different ways to use async/await in JS!](https://repl.it/talk/share/Parallel-async-in-JS/16564) @ebest [You type into a console, you read your console, but how often do you click it? This game puts your clicking to the test!](https://repl.it/talk/share/Click/16500) @MarcusWeinberger [Using some crazy magic, watch this program unzip a zip file, indefinitely.](https://repl.it/talk/share/A-zip-file-that-contains-itself-forever-Infinitely-unzip-able/16490) @mwilki7 [A silly, but incredibly fun, basketball simulator, I highly recommend you give this a try!](https://repl.it/talk/share/Canvas-Basketball/16479) @MarcusWeinberger [SQL injections are still a prominent attack on the web, and this tutorial explains what they are, so you can avoid them!](https://repl.it/talk/learn/How-basic-SQL-injection-works-with-a-demo/16519)
10
posted by 21natzil (684) 7 days ago
Pinned
🐶Introduce yourself! 🐶
Hi everyone! ![waving](https://storage.googleapis.com/replit/images/1561489787610_61c528ae0267ed2696f0c625ff66db6c.gif) Use this space to share anything you want to share with our community - your name, where you're from, what you program in, what brought you here... whatever you're comfortable with! Can't wait to get to know y'all. 💖 Katya
61
posted by katyadee (835) 25 days ago
16
Customising repl.it syntax highlighting with repl.it-color
*Note: repl.it-color is made by myself, not repl.it. Also, it doesn't work on phones and possibly tablets because repl.it uses the Ace editor on phones rather than Monaco.* # Greetings! Currently, the only options that `repl.it` gives for personalising your syntax highlighting is a switch between default light and dark themes. I decided to write a very basic Chrome extension that allows customisation of the `repl.it` syntax highlighting. The result is `repl.it-color`. ![image](https://storage.googleapis.com/replit/images/1563185080182_94ef635bc494a19a8b7a5ddf61b1115a.png) repl.it-color allows you to change the syntax highlighting completely on `repl.it`. ## Installation In order to put a Chrome extension on the Chrome Web Store, you need to pay. Therefore, this extension is not available on the web store. This means a couple of extra steps need to be taken. * 1 - Go to the [github repository](https://github.com/ArchieMaclean/repl.it-color). * 2 - Click on `Clone or Download` then `Download ZIP`. * 3 - Extract the ZIP file you downloaded into a folder (try right clicking and clicking `Extract` - if that doesn't work, look it up on Google for your Operating System) * 4 - Go to `chrome://extensions` in Chrome, and enable `Developer Mode` in the top right hand corner. * 5 - Click `Load Unpacked` and select the folder you unzipped in step 3. * 6 - The extension is now ready to use! **Make sure you enable Dark Theme in your repl.it editor - if you like light theme, you can change the settings via **`repl.it-color`** later. However, dark theme needs to be enabled in order for the syntax highlight customisation to work.** ## Usage Once you have installed `repl.it-color`, you should see that the editor has turned into a rather vile color. ![image](https://storage.googleapis.com/replit/images/1563185702887_65ff08d44e3a2fcbf2f5cdb3f86dea28.png) To change what colors you want everything to be, you can click on the small `repl.it-color` icon in the top right hand corner in Chrome, next to your extensions, and select `Options`. This should open a new tab with which you can edit your color scheme. ![image](https://storage.googleapis.com/replit/images/1563185790392_ddd37eeb2a434e89d848040a628e0ca8.png) Now you can fiddle around with the colors to get `repl.it` looking exactly how you would like. ## Thank you Thank you for checking out `repl.it-color` - please let me know if you like it or if there are any things you would like me to change. Please upvote to let me know if you like it, and help other people find it. If I do make any changes, I will post them here. You will need to re-download the repository to update (if you want to update). Thanks :) ### Another Option I just found out that a while ago, @minx28 made a [tutorial](https://repl.it/talk/learn/How-to-Make-a-Custom-Code-Theme-for-Replit/9500) on using CSS injection to edit syntax themes. Check that out too!
11
posted by ArchieMaclean (523) 6 days ago
13
🧘‍♂️ Hover Cards!🧘‍♀️
You can now hover over a username to display a card that shows more info about the user. It's a summary of their profile so you can see things like name, bio, etc. How useful is this? Is there any other information you'd like to see surfaced on the cards? ![hcs](https://storage.googleapis.com/replit/images/1563206414065_f77a74bb5d4b406d2d96d0a8cc1253b5.gif)
3
posted by moudy (74) 6 days ago
8
DEV SPOTLIGHT #09: Application is more important than just knowing facts.
From Hilton Head, South Carolina, I bid you all good morning and/or good evening, wherever you are in this great land of ours—from the Tahitian and Hawaiian Islands in the west, nestled in the warm trade winds of the Pacific, eastward to Caribbean and the U.S. Virgin Islands, with her own soft winds, south into South America, north all the way to the Pole, and of course hello to all our friends in the Antarctic, at McMurdough. 👋 Today we have a first time caller, long time listener, resident Javascript expert and intern, @eankeen. ![Edwin](https://storage.googleapis.com/replit/images/1563204459905_27993d27fab513b585581fb2e78f4d79.png) **@katyadee:** Hey friend, happy to have you on the line. Let's start with an introduction. **@eankeen:** I’m Edwin and I really like doing programming. I started maybe one and a half years ago—junior year of high school. That was sort of the time where I found Repl.it. I had found it before, but it was really junior year when I started seriously using it. **@katyadee:** How’d you find Repl.it? **@eankeen:** It was actually in my bookmarks, and it was bookmarked maybe three years ago because I had been doing a computer science club with my high school, and when I was researching how to start that club I found Repl.it because it was good for online coding. The club never materialized, but then I looked at my bookmarks a few years later and I realized, hey, I kind of remember this, and then I started using it. I really like Repl.it because I can use it to experiment, usually things that are only 20 or 30 lines of code. **@katyadee:** Do you find you’re testing things on a lot on Repl.it? **@eankeen:** Yeah—and I categorize them into what I’m testing. If I keep them in my archive and if need it again or forget how I did something, I go back and look for it. **@katyadee:** So what kind of things will you test? **@eankeen:** Javascript APIs and node.js, mostly. **@katyadee:** It seems like you’re definitely a front end guy taking a look at your repls. Any plans to branch out? **@eankeen:** I really love front end, I really like creating user interfaces, I think that’s really fun—I leverage Javascript to do that. I realize if I want to become better at programming, I definitely need to branch out… I’m slowly starting to add other languages. **@katyadee:** Do you have an interest in design at all? **@eankeen:** I would say I do, but it’s hard, because I haven’t done enough of it. I don’t have the same knowledge of it. But I love thinking about UX… I love transitions. It’s kind of a fun challenge. I only actually do design outside of that when I absolutely need to right now. ## On Teaching & Learning ![Screen Shot 2019-07-15 at 8.28.10 AM](https://storage.googleapis.com/replit/images/1563204545607_0f17632fd1df4b7b7da8c522d27f10ef.png) **@katyadee:** Let’s pivot a little bit. I’ve noticed when it comes to the things you share with our community, you post a lot more tutorials than you do projects. What motivates you to teach other people? **@eankeen:** Yeah so, I think it’s really cool to teach people. Sometimes I’ll check Twitter and noticed someone’s benefitted from my tutorial. Otherwise, a lot of the projects I’m building aren’t cool enough to share. But I really get hyped about being able to help people learn something new. **@katyadee:** How do you decide what you’re going to write your tutorials about? **@eankeen:** It’s usually just things I’m excited to learn about myself. **@katyadee:** Oh—wait—that’s really neat. Are you learning these concepts as you’re writing them? **@eankeen:** It depends. For Babylon.js, for example, I knew how to do it—but I learned how to use Intersection Observers while writing the tutorial. **@katyadee:** So, you’re like, “Okay, I want to learn this, I’m going to write about it”? That’s amazing, especially having seen the quality and how much mileage people get out of it. **@eankeen:** It’s kind of cool once you learn something like that, too. **@katyadee:** Would you say that’s the main way you learn new skills? By writing about them? **@eankeen:** That’s definitely one way—it’s either writing a tutorial or building a project. **@katyadee:** Do you learn other skills the same way? Like, if you’re learning something new at school? **@eankeen:** It’s a bit easier with programming… well, I guess I do it for school. I’ll do problems then explain them to myself later while studying. **@katyadee:** That’s really cool. I remember being taught a similar method in AP American History, which is why I asked. I also wanted to ask—I feel like the writing in your tutorials is just good writing. Is that something you think about when you’re creating these? **@eankeen:** I don’t think I’m a naturally good writer, no, haha. I kind of observed that other people who write blogs and tutorials first. I picked out the parts I liked and then I tried to copy structures that I understood. I actually don’t think I’m very good with English, like I don’t know what a prepositional phrase is… I’m not good at that kind of thing. But I tried to pick up patterns with what I thought was working. I try to be casual but succinct, I think that goes a long way. **@katyadee:** It’s so funny to me you say that you’re not good at English, because you’re doing a really good job with these tutorials. I wouldn’t say you’re bad at English, either—like, individual grammatical concepts, who cares if you’re producing stuff that’s legible, enjoyable to read, and also informational. Your communication is very clear—at least to me, a newbie. **@eankeen:** That’s really good to hear. **@katyadee:** What do you think the relationship between teaching and learning is? **@eankeen:** I think that when you teach, you’re forced to learn something more thoroughly. **@katyadee:** I’ve heard that, but I feel like it’s underexplored. Do you think that attitude is unique in the dev community, at least as far as you know? **@eankeen:** I don’t think it’s uncommon, but a lot of people are just learning and learning and learning, and they don’t use the skills enough, so they can’t really apply them. Application is more important than just knowing facts. The thing is, teaching and applying are pretty similar. Just memorizing isn’t going to make you a better programmer. **@katyadee:** Are there any tutorials you’ve abandoned? Or are there any concepts you’ve found you’ve struggled to explain? **@eankeen:** Yes! I was trying to do this thing where you open up a repl on two computers, and then create a clipboard between computers… but it didn’t quite work out because the library I was using was too buggy, I must have been doing it wrong but I couldn’t figure it out. So I just abandoned it. **@katyadee:** Did you ever figure it out? **@eankeen:** I never went back to it, haha. ## Babylon.js ![babylon](https://storage.googleapis.com/replit/images/1563204593377_d164803549b1d0a3f37feb0ecf1c38fe.gif) **@katyadee:** I like your [two Babylon tutorials a lot](https://repl.it/talk/learn/Making-3D-Babylon-Scenes-more-Dynamic-with-Actions/16132)—I’ve actually featured them in the newsletter. Can you explain what Babylon.js is for people who might not be familiar? **@eankeen:** Babylon.js is a 3D JS library. If you’re thinking about something that’s 3D, like any object, and you want to make it…or animate it…or make it dynamic, you’d use Babylon. **@katyadee:** Have you made any projects with it? **@eankeen:** Yeah, so one of the game jams, I made [a small game](https://Repl.it/talk/share/Silly-Game/13366/33047) with it. That was when I was first learning Babylon. **@katyadee:** What kinds of projects would you say lend themselves best to Babylon vs. another library, like three.js? **@eankeen:** I think if you want to work on a project more long term, you might want to go with Babylon, because Babylon has a Semantic versioning system… but with three.js, you can go between versions and there will be a bunch of changes, so Babylon is more friendly in that regard, because less stuff is going to break from update to update. But another thing to think about is…if you want something more lean, three.js feels more lean. ## React ![react](https://storage.googleapis.com/replit/images/1563204688683_acd8e1eb433c4022f2a20968f1f35f25.png) **@katyadee:** So, I’m not even going to ask why you’re interested in [React](https://repl.it/talk/learn/Learn-ReactJS-on-Replit/15980) because I think it goes without saying—haha. But I do want to ask.. What are some common mistakes you’ve noticed people make when they’re starting off learning it? What are some things you personally found challenging about it? **@eankeen:** I think one mistake a lot of beginners make is not knowing what’s React versus what’s just JavaScript…It’s also kind of hard to work out what’s the big picture. It took me a while to get that big picture and really figure out what’s going on. One thing with Repl.it is it doesn’t really show you all the build tools, which is good for beginners—you shouldn’t have to worry about that at first. **@katyadee:** You had noted somewhere that tutorials kind of gloss over the “obvious” parts of React. What did you mean by that? **@eankeen:** A lot of basic stuff. For example, building your webpack integration file. Or common structures—you need a good foundation or it’ll be a little more difficult. I encountered these problems while learning Vue.js too, which is similar to React. **@katyadee:** I’ve been wondering, despite your great React tutorial, you mention Vue.js quite a bit—do you prefer it? **@eankeen:** I’m just more familiar with it. I also like the aspect of your CSS coming in actual CSS files. When you’re a beginner or less experienced, it’s easier to recognize the different elements. But if you’re using React, it’s less intuitive. **@katyadee:** What was your timeline like, learning Vue.js and React? **@eankeen:** I started learning Vue.js when I started learning Javascript… and React a little bit after. ## Empty ![Screen Shot 2019-07-15 at 8.32.06 AM](https://storage.googleapis.com/replit/images/1563204749091_14a05824bdee2c936562752cd61b2f29.png) **@katyadee:** What is [Empty](https://repl.it/talk/share/full-blockfull-block-Empty-2-warningwarning-this-one-is-super-cool-full-blockfull-block/13572)? **@eankeen:** Oh my god. So @mat1 made an Empty game however long ago. It’s minimalistic. It’s in Python. I thought hey, I want to do something fun. So I wanted to create a sequel. So instead of Python, it’s Javascript. And I talked about how much better it was than @mat1’s Python repl, even though it’s blank. I spent a few hours writing something up, where I was just criticizing the most minute details. I tried to make it sort of funny and sarcastic. **@katyadee:** That’s great satire—I wanted to give it some love here. ## Closing **@katyadee:** What advice would you give to people who want to write their own tutorials? And what would you say to people who would never write their own tutorials? **@eankeen:** For people who want to write a tutorial, look at material you found really useful, and try to copy their patterns. Simplicity goes a long way. For people who would never write a tutorial, I’d say: writing turoials helps you learn things faster!
12
posted by katyadee (835) 6 days ago
8
📸APP OF THE WEEK: imag.cf 📸
This week's [App of the Week](https://imag.cf), by @mat1, is a handy—and anonymous!—image uploader written in Python. Poke around the full repl [here](https://repl.it/@mat1/image-upload). ![AppoftheWeek](https://storage.googleapis.com/replit/images/1563202903666_0244515e75690156651144295e2e80d6.png) Goodbye imgur, hello [imag.cf](https://imag.cf)! ![app-of-the-week](https://storage.googleapis.com/replit/images/1563202967513_6b3f2b4e821add59e73c331dd8d54481.gif) *Nominate our next App of the Week [here](https://katyafromreplit.typeform.com/to/o3gnJI).*
12
posted by katyadee (835) 6 days ago
14
DEV SPOTLIGHT #08: “That’s the amazing thing about the dev community, everyone wants to help.”
## Welcome back to another **Developer Spotlight**! [BEST TALK SHOW VOICE] @katavie and I are back today with resident Repl celebrity, [@Kognise](http://repl.it/@kognise). You might know @Kognise from his Repl.it [mobile app](https://repl.it/talk/announcements/Replit-Mobile-App-MVP/14496)... or maybe you’ve just seen him around our Twitter, Discord, or right here, on Repl Talk. ![Screen Shot 2019-07-08 at 1.37.44 PM](https://storage.googleapis.com/replit/images/1562611107135_b179caa99691035d1be1f7836391209d.png) *@Kognise's Game Jam submission, Dom Boom* **@katyadee:** Hey Kogs! It’s great to be talking to you. Would you might be starting with a short intro? **@Kognise:** I'm Felix. I go by Kognise on the Internet. I live in New York. Hm, what else? I’m 13 years old. And I have a cute dog. **@katyadee:** When did you start learning to code? **@Kognise:** Maybe two years ago, but I only really got into more serious things about a year ago. **@katyadee:** It's so funny because when I'm talking to young people it's usually that kind of timeline but they're pretty advanced. How much time you throw at it? **@Kognise:** Probably too much. **@katyadee:** What does that mean? **@Kognise:** Recently I've started homeschooling and that gave me a lot more time to work on my own stuff and in that case that means more time to practice programming so when I'm not doing other types of schoolwork or reading books or eating, I'm coding. **@katyadee:** Is it one of these things that so seamlessly fits into your schedule that it’s kind of happening all the time? **@Kognise:** It’s more like that. ![learning](https://storage.googleapis.com/replit/images/1562596835136_ef6afbbaf2420ba0f7e5205f9e2f86d3.gif) **@katavie:** What does your typical day look like? **@Kognise:**Maybe I'll have a lesson or I'll travel away. I also play cello so I might go to a cello lesson. But a lot of time is spent at home or walking my dog. **@katyadee:** It’s interesting because that’s how they recommend you learn a human language. It’s not necessarily setting aside time to learn it, but you should have it seamlessly throughout your day. How did you start learning? Did you have any mentor figures, or were you just interested and jumped in? **@Kognise:** I think part of it was just wondering, “How do these fabled computers work?” I originally started by using this weird thing called [Code Monster](http://www.crunchzilla.com/code-monster), which just takes you through tutorials on drawing canvas objects with JavaScript. I got through the very beginning but I didn't really understand most of it. I was able to do the exercises but I felt now I feel like most of it was just copy pasting so I didn't really learn a lot from that but I that's what got me interested least in the beginning. I moved to some Mac app that my mom found and I don't remember what it was but it was some modified version of Ruby with like a user interface library so through that I learned more logic and that kind of thing and syntax. After that I don't really know what happened. Now I'm here. ![Screen Shot 2019-07-08 at 9.19.42 AM](https://storage.googleapis.com/replit/images/1562596850986_9ffd9b8b0028eecdc0bc1629cd93a2d4.png) **@katyadee:** Was there anyone inspirational to you, or are you mostly self taught? **@Kognise:** I’m mostly self taught. I remember [W3schools](https://www.w3schools.com) was a great resource for learning web stuff. **@katyadee:** How did you end up on Repl.it? **@Kognise:** I was originally trying to just find like an online HTML editor. I was using Code Sandbox but it kept like glitching out and breaking so I was searching for more things and I found Repl.it through that. # FontKey.design ![fontkeyo](https://storage.googleapis.com/replit/images/1562596883165_2df9ec174b645528607690629640da7d.gif) **@katyadee:** You won the Space Contest, which is cool. In your description of [FontKey](https://fontkey.design), I sensed a touch of annoyance. Do you think repeating fonts is actually an issue? **@Kognise:** I think it's not as bad as I made it out to be but I do find it kind of annoying for a lot of websites to have the same fonts in the same style. It's kind of like using the default bootstrap theme for everything. **@katyadee:** Oh that annoys me too! It kind of makes me miss Angelfire days. I think that might be 20 years before your time. **@katavie:** That’s before *my* time. ![angelfire](https://storage.googleapis.com/replit/images/1562596900957_5c9ce3914b06603498bf32d2bfe948c9.jpeg) **@katyadee:** Angelfire was like a free host for a personal webpage. Before social media was really big everyone had their own home page. You could have Angelfire or Geocities or freewebsites.com..or whatever. There were lots of options out there. It's kind of funny because some of the websites people make on Repl.it kind of remind me of those early days Speaking of websites. I’ve been using FontKey for real, it’s pretty smart. What's your design interest, if any? **@Kognise:** What's funny is I actually had the idea the night before the Space Contest was introduced and I feel like the idea of pressing the space key to choose fonts kind of like made that more of a thing and made it more useful that way I originally just had the idea of like previewing fonts on pages. **@katyadee:** Where are the fonts being pulled from? **@Kognise:** Google Fonts. Basically just pulling a list of all of the fonts from Google fonts and then converting it to my own format and then loading up the page. # The Mobile App ![mobileapp](https://storage.googleapis.com/replit/images/1562596930164_3675e7514d3ef4c35bd5da45cff18b87.png) **@katyadee:** Can you walk us through why you decided to make a [mobile app](https://repl.it/talk/announcements/Replit-Mobile-App-MVP/14496) for Repl.it? **@Kognise:** On my 13th birthday, I actually got my first phone like that to my own and the first thing I did was like I installed some apps and one of those was I went to the Google Play Store and I searched for Repl.it and there wasn't one, so that was my original inspiration for that. **@katavie:** Why do you want to code from your phone? **@Kognise:** I feel like there's always the need to tweak something while I'm away maybe I'm travelling maybe I'm just on subway and there's some typos or more to fix or even a small little bug and I feel like it's always would be it would be really useful to be able to edit that on the go. **@katavie:** How does the app interact with the Repl.it website? **@Kognise:** Basically just through the API that I figured out by looking at the Chrome network tab. I also got a lot of help from @mat1. I'm also working on documenting all of them **@katyadee:** What was the process like assembling a team and collaborating with people on this project? **@Kognise:** I initially wrote a post on Repl.it talk saying that I was interested in starting this project asking if anyone would be interested in providing a link to a discord server and a bunch of people joined. I've mainly been working on this myself but everybody was really helpful in helping me test it out and trying out new features I was adding and telling me if it's broken for everybody except me. **@katyadee:** How long did this take? Is it still going on? **@Kognise:** I released an [MVP](https://repl.it/talk/announcements/Replit-Mobile-App-MVP/14496) maybe in the first two weeks. I still need a few things before actually like releasing the 1.0 version. **@katavie:** What’s the layout, since there’s not as much space on a phone screen? **@Kognise:** I loved Repl.it’s approach of like only showing things when you need them so like if you start a web server the web server little box thing opens up. I tried to keep that, except with tabs so I have like a code tab and a console tab and if you run it and there's a web server it'll pop up with like a webview tab. **@katavie:** What language did you use to build the app? **@Kognise:** I used React Native. **@katyadee:** In an ideal world, what would the final product look like? Do you think you have the skills and time to make that happen? **@Kognise:** Right now, I've just been using a material design library and been focusing on all the business logic code. In an ideal world, the end result would have its own like design similar to Repl.it and not just be run-of-the-mill material design. I think that even if I might not have the skills -- because I only recently learned React Native for the first time to do this app -- I'll probably be able to learn them on the fly I know so far that styling in React Native is really weird. **@katyadee:** What do you think is needed from Repl.it to support more people building apps like this? **@Kognise:** I think I mean maybe just better documented APIs. # Node API Client **@katyadee:** When I was looking through your repls, I saw your Node API Client. You’d mentioned that you’d reverse engineered Repl.it’s API? What gave you the idea to do it, how did you do it, and how long did it take? **@Kognise:** This node API helps me lot speed up the process of the mobile API so I was able to even copy over some bits which was really useful and add some new things. I think my original idea was to create a load balancer that's created by automatically duplicating a repl and then creating a repl that load balances. How did I reverse engineer the APIs? basically just looking into Chrome network tab and seeing what requests are like what's requested when I click a button. **@katyadee:** It seems like you get a lot of mileage out of the Chrome network tab. **@katavie:** when did you first see that and how did you figure out what was going on in the network tab? **@Kognise:** They made it really well laid out so it's pretty easy to figure out what's going on. like how I learned a lot of things I just kind of fooled around until I figured out how to use it. **@katyadee:** Did anything surprise you about the process? did you notice any vulnerabilities with Repl.it or did anything stand out as special, or interesting? *Katya pauses. Kogs is smiling widely.* You're smiling when I say vulnerabilities, oh no… **@Kognise:** Well, I'm smiling because somebody recently uncovered a few vulnerabilities. I still have all of his automatically created XSS repls in my account. But no I'm not a pen tester and I did not find any vulnerabilities...Your API is kind of weird. Like half of it is GraphQL and half of it is REST, and you split between underscores and camelcase, and it's kind of like across a bunch of endpoints. # Learning to Code **@katyadee:** Do you have any advice for anyone just learning to code? **@Kognise:** Don't get discouraged if you feel like you have no idea what you're doing or nothing's working because that happens all the time to everyone. **@katyadee:** What's a situation where you were challenged by something and you weren't sure how to proceed? Did you get help or how did you help yourself? **@Kognise:** This is kind of a Repl.it Mobile thing. One of the big bugs I was coming up against is console logging for web rebels because I had I have no clue how to like intercept console log messages and send them outside of the webview. I had no clue what to do I tried everything nothing was working and I kind of just procrastinated it and put out a message asking for help. Recently kakashi (on the mobile Discord) submitted a pull request and that apparently adds all of this. **@katyadee:** It’s always nice to hear about how collaborative the community is. **@Kognise:** I think that's an amazing thing about the coding and developer community in general, how like if something's open-source -- or even if it is an open source, like in the case of Repl.it -- people will write code or help other people much more than in other things
4
posted by katyadee (835) 13 days ago
10
Weekly Repls #39
Good Morning fellow replitears, replitors, or by whatever name you go by. You're favorite blob is back, and ready to serve you guys some sweet code! I'd just like us too appreciate the time and work people put into these projects, and then share them with us! It creates this wonderful community, so keep doing that! Enough of that however, let's get the the repls! @LD1 [Play dodge ball, but with just your terminal! This project really shows what you can do with only text!](https://repl.it/talk/share/No-GUI-dodge-ball/16441) @derpdizzzzy [Fly around in what the creator calls a throw em up, using a powerful yet quite unused library, Love2D!](https://repl.it/talk/share/A-Love2d-throw-em-up-in-under-construction/16313) @Spandan14 [Compete in the extremely competitive stonk market in this intense, and kinda funny, game.](https://repl.it/talk/share/Stonks-A-new-stock-simulatorgame/16261) @MarcusWeinberger [Explores how to use cloudpickle, a library built to send python functions, over the internet!](https://repl.it/talk/share/Cloud-computing-made-easy/16257) @ebest [This project actually blew me away, the concept is simple. Calculating pi takes a lot of time, so why not crowd source it? Open this repl, which connects to another database, and decide how many digits you're willing to contribute.](https://repl.it/talk/share/PIthon-A-100-free-crowdsourced-Pi-host/16232) @eankeen [Explores a new javascript concept that involves calculating how much an element on a screen overlays with another, and explains it very well!](https://repl.it/talk/learn/JavaScripts-Intersection-Observers/16235) See you guys next week!
3
posted by 21natzil (684) 13 days ago
48
Repl.it Mobile App MVP
**We did it!** [10 days ago](https://repl.it/talk/ask/Replit-Mobile-App/13853) I created a post asking if people were interested in a mobile app for Repl.it. The answer in general was yes, and I set out to build the best possible thing I could. And I just released the MVP of the app. Here are some supported features: - Creating and deleting repls and files 📂 - Both dark mode and light mode 🌚 - Integrated code editor with syntax highlighting 💻 - Rich editor preferences ⚙ - Works on both Android and iOS 📱 And I'm planning on adding much more, including Repl Talk support. I couldn't have done this without the help of all the amazing testers on our Discord server as well as support from Repl.it team members. This was also a fun experience learning React Native. ![Screenshots](https://storage.googleapis.com/replit/images/1557505257614_3675e7514d3ef4c35bd5da45cff18b87.pn) **Q: Where can I download it?** A: You can download the Android app [here](https://exp-shell-app-assets.s3.us-west-1.amazonaws.com/android/%40kognise/replit-mobile-fedb162be7844a9a97edd7dd4bed7c82-signed.apk). iOS is supported but I don't currently have a release. **Q: What about running repls?** A: Although you can view web repls, other types of repls are not currently supported. Repl.it recently moved to an API based on [protocol buffers](https://developers.google.com/protocol-buffers/) and due to several concerns of theirs we may have to wait until June. **Q: What the heck is an MVP?** A: MVP stands for "minimum viable product." According to [Wikipedia](https://en.wikipedia.org/wiki/Minimum_viable_product), it is "a product with just enough features to satisfy early customers, and to provide feedback for future product development." **Q: What did you build it with?** A: I used [React Native](https://facebook.github.io/react-native/) as well as many other open-source projects including [React Native Paper](https://reactnativepaper.com/). I really appreciate all the work the maintainers of these projects put in that helped make Repl.it Mobile so much better. If you're interested and want to learn more or get early access to features, make sure to [join the Discord community](https://discord.gg/sVxJJZA)! *Disclaimer: Repl.it Mobile is currently a community-run project. You can view the source code [here](https://github.com/kognise/repl.it-mobile).*
43
posted by Kognise (203) 2 months ago
1
✨✨Introduce Yourself! 👋 ✨✨
Hi everyone! Use this space to share anything you want to share with our community - your name, where you're from, what you program in, what brought you here... whatever you're comfortable with! Can't wait to get to know y'all. 💖 Katya
147
posted by katyadee (835) 2 months ago
12
Weekly Repls #38
Hello everyone! Are you guys having a great summer? I know I am! If you didn't see, we're starting a new jam, with a music theme! I can't wait to see what you guys end up making, you can see the details [here](https://repl.it/jam). Remember: Jam submissions won't appear here, even if you also post them in Share. So make sure you post you other projects in addition to the jam! Now, let's take a peek at some of these submissions! @JoshuaKing1 [You know how much you weigh, but do you know how much you weigh in baseballs? Using this site you soon will!](https://repl.it/talk/share/Enter-and-convert/16110) @laksh5 [Take a break and relax, but checking out this mesmerizing sine wave!](https://repl.it/talk/share/Sine-Wave-Oddly-Relaxing/16080) @durgaMacrometa [Databases are hard to spread globally, giving far off people slower speeds. But as this program / tutorial explains, that can be changed!](https://repl.it/talk/share/Database-should-be-like-a-CDN/16175) @tingwei628 [Wondering how to using uvlib on repl.it for asynchronous code? Checkout this submission, that also comes with an example!](https://repl.it/talk/share/Run-libuv-on-Repltit/16160) @vedprad1 [Everyone knows about PI day, but what about TAU day? Celebrate the occasion by generating TAU in this repl!](https://repl.it/talk/share/HAPPY-TAU-DAY/16136) Have fun jamming out! (See what I did there)
2
posted by 21natzil (684) 20 days ago
20
😎App of the Week😎: Kognise's FontKey
This week's App of the Week is simple—press your space bar, and get a served a new font. The idea is to broaden your horizons... beyond Montserrat, beyond Roboto, beyond Lato. Sometimes the simplest apps are the best. ![media](https://storage.googleapis.com/replit/images/1560790068140_e37f65748bcd26a813d929440313c155.pn) Check it out [here](https://www.fontkey.design). Shout out to @Kognise for the great work!
3
posted by katyadee (835) 1 month ago
29
⚡️DEVELOPER SPOTLIGHT #02:⚡️simontiger
### Welcome to another **Developer Spotlight**! Today we (virtually) sat down with 9-year-old Belgium-based [wunderkind](https://www.youtube.com/watch?v=6tTTTefBOTM) [Simon Tiger](https://simontiger.com/bio) and his mom, Sophia. ![virtualcafe](https://storage.googleapis.com/replit/images/1558117457012_f78ae7e0c19948a20c80589fa6bf96be.gi) Simon came to our attention after he shared a [repl](https://repl.it/@simontiger/Raytracing-AI-Full) of a neural network he’d built. Without further ado, here’s our interview: ![DSC_1714](https://storage.googleapis.com/replit/images/1558117472077_b0302d03c7cd3f6bc8d000215dbde72b.jpe) **@katyadee**: If you could sum yourself up in one sentence, how would you do it? **@simontiger**: This would sound a bit circular, but I would say: "To sum me up in one sentence: You can't sum me up in one sentence.” **@katyadee**: I think that actually says a lot! You’re really well spoken—are you really 9 years old? **@simontiger**: Turning 10 soon. **@katyadee**: Wow. So, are you in school? **@simontiger**: No, I’m homeschooled. We even had to move to Belgium to be able to homeschool, because school is mandatory in the Netherlands (where I'm from), and it didn't fit well with me. **@katyadee**: That’s really cool that you guys find a way to make it work. I really like your mom’s site. It says you’re a mathematician… I’m wondering, what does that mean to you? Are you doing research? **@simontiger**: Well, that's a difficult question. I see patterns in the world wherever I look. I just love doing math, I'm doing math loads of time every day. Like I'm writing a short book about knot theory and experimenting with knots. Or I want to use Penrose's Illumination Problem in my coding. And I make math videos. Ron Graham said he liked my video about the Graham Scan Algorithm!
 ![DSC_2176](https://storage.googleapis.com/replit/images/1558117484722_10c8c3e4cf27345350a24dc98989e0a2.jpe) **@katyadee**: I’m blown away. [Ron Graham](https://en.wikipedia.org/wiki/Ronald_Graham) - that’s no joke! Speaking of coding, how’d you start? **@simontiger**: With Arduino and Sparkfun. And I discovered Arduino through [littleBits](https://littlebits.com). Arduino was how I discovered [Processing](https://learn.sparkfun.com/tutorials/connecting-arduino-to-processing/all), and how I discovered [Coding Train](https://codingtra.in) by Daniel Shiffman. He always watches my videos and has become my friend. And I participate in [Coding Train Live Sessions in Slack, too](https://youtu.be/LdWCL0pRD6M). **@katyadee**: Wow! Where’d you go from there, after Arduino? What was your first language? **@SimonTiger**: Surprisingly, not English! It’s not my native language. I taught myself English by watching coding videos, mainly. My actual native languages are Dutch and Russian. **@katyadee**: Oh, I meant programming language! I’m sorry. **@SimonTiger**: After C, with Arduino, I started using all sorts of languages for a while but now I have settled on JS, Java, Python, and sometimes Haskell. And sometimes even the Wolfram language! ![DSC_2019](https://storage.googleapis.com/replit/images/1558117496934_e4e80268ac5e30e2979f34b7513480b2.jpe) **@katyadee**: What brought you to Repl.it? **@SimonTiger**: I was first just looking for an online Python editor, because my computer memory was (and still is!) almost full.  I first found onlinegdb.com, but then, after a while, my code disappeared! And then I started using Repl.it. And now I even no longer only use Python on Repl.it, but also JS. I one time tried to use Haskell on Repl.it, but that didn't really work for my purpose, because the browser runs on JS which is a strict language, and Haskell is a lazy language. **@katyadee**: What’s your favorite thing you’re building on Repl.it? **@SimonTiger**: Pretty much all of my repls are a work-in-progress. Here are two: [Raytracing A.I.](https://repl.it/@simontiger/Raytracing-AI-Full) [Sorting Algorithms](https://repl.it/@simontiger/SortingAlgorithmsImproved) **@katyadee**: One last question for ya. What are your plans for the future? Your present is pretty darn cool. **@SimonTiger**: Depends on what you mean. More coding, math, and physics—if that counts. ![IMG_20190510_131529](https://storage.googleapis.com/replit/images/1558117528301_d3c17eea2606c9e49d535b4f99b1408e.jpe)
32
posted by katyadee (835) 2 months ago
12
SPACE challenge results!
It was so much fun seeing all your submissions for the space contest! All entries were put up on a pretty huge screen at repl.it's HQ - and it was really cool looking at your creations changing and being new every time we looked at them. As you might've seen on twitter - @kognise's https://www.fontkey.design won! It's something that met the challnges' requirements, was fun to play with - and on top of that super useful too! I used it a couple of times to decide fonts for my projects already✨ Some other submissions I really liked: - @eankeen's [XKCD Viewer](https://repl.it/talk/challenge/XKCD-Comic-Viewer/15574) - @fmahaztra's [Exoplanet Generator](https://repl.it/talk/challenge/Get-real-exoplanet-data-from-NASA-every-time-you-press-space/15496) - @RileyWalz's [Excursion](https://repl.it/talk/challenge/Excursion/15721) - @ArchieMaclean's [Cellular Automata](https://repl.it/talk/challenge/Cellular-Automata/15611) - @pyelias's [Cool Fractals](https://repl.it/talk/challenge/some-cool-fractals/15499) I'm looking forward to see y'all submit even more entries to our next, *huge* contest 👀
5
posted by jajoosam (543) 26 days ago
🏆GAME JAM WINNERS INSIDE 🏆
## After a long wait, we’re finally ready to announce the winners of our inaugural Repl.it Game Jam! Without further adieu… the winner of 1BTC—which as of Monday, April 29th, 2019, is valued at 5,158.14 U.S. dollars—is ... 🥁🥁🥁🥁 ## @ggzor and @MarisolH’s [SceneMachine] (https://repl.it/talk/challenge/SceneMachine-Drag-configure-and-shoot-SVG-2D-Physics-Game/13329)! ![](https://newsletter-images--timmy-i-chen.repl.co/044/scenemachine.gif) SceneMachine is a 2D physics game made with SVG graphics. The goal is to find out what happened to planet New Sphene’s colors (and eventually restore them). ** What the judges liked most about SceneMachine: ** * Creative storyline * Easy, fun, and elaborate game play * Clean, polished UI * Clear instructions ## Here are our runner ups… ![](https://newsletter-images--timmy-i-chen.repl.co/044/isekai.png) *Best Individual Game:* [CryptoStory:Isekai, Action Adventure game using Phaser CE] (https://repl.it/talk/challenge/CryptoStoryIsekai-Action-Adventure-game-using-Phaser-CE/13298) ![](https://newsletter-images--timmy-i-chen.repl.co/044/zanderian.png) *Best Group Game:* [Zanderian Prince Simulator 2020] (https://repl.it/talk/challenge/Zanderian-Prince-Simulator-2020/13352) ![](https://newsletter-images--timmy-i-chen.repl.co/044/type.png) *Best Storyline:* [Type] (https://repl.it/talk/challenge/Type-An-Adventure-Story-Game-based-on-your-Typing-Skills/13180) ![](https://newsletter-images--timmy-i-chen.repl.co/044/priceofadventure.png) *Best Graphics:* [The Price of Adventure]( https://repl.it/talk/challenge/The-Price-of-Adventure-Game-Jam/12701) ![](https://newsletter-images--timmy-i-chen.repl.co/044/fishing.png) *Most Community Votes:* [The Fishing Game](https://repl.it/talk/challenge/The-Fishing-Game/12016) Winners will be notified via email with more info on their prizes. 😊 ## Check out our full game gallery [here](https://gamejam2019.repl.co). ------- Special thank you to [Satoshi's Treasure](https://satoshistreasure.xyz) for sponsoring the game jam. We wouldn't have been able to give out such a generous prize package without them!
72
posted by katyadee (835) 3 months ago
16
Repl Stats 📊 (beta!)
So many of us make websites on repl.it - and share them all over the internet. However, to know how many people visited your website and to learn about your traffic, you have to add heavy, sometimes privacy invasive scripts to your website 😞 ## Introducing Repl Stats 📊 (beta!) Learn about how many hits your web app got - without needing to add any scripts. If it's on repl.it - It'll just work (works for repl.run too!) 😉 To try it out just go to https://stats.repl.co/# {repl.hostname} You don't want to include the protocol (`https` or `http`) - so an example would look like this: https://stats.repl.co/#www.lyrics.rip It's not too much right now, just a graph of all hits like this one 👇 ![Screen Shot 2019-06-05 at 5.19.48 PM](https://storage.googleapis.com/replit/images/1559780427595_b7aaa4351154336e2a15778dd44a94a0.pn) But, I wanted to share this to see if y'all would want this, and if you would, what more features would you like to see? ✨ *(note: right now, that stats update daily - not in realtime)*
10
posted by jajoosam (543) 2 months ago
249
👋✨Introduce yourself 🎉😀
Hello everyone! Let's use this thread to get to know each other. Just say hi and a few words about who you are, maybe what are you building or learning with Repl.it. If you're not comfortable sharing anything then share something fun 😉
707
posted by amasad (1224) 1 year ago
31
Kickstart your project using Templates!
At Repl.it, we are all about propping you up to launch your next website, app, or game. To that end, we've created Repl.it Templates, a page containing starter code for various projects you can build on Repl.it. ![templates-min](https://storage.googleapis.com/replit/images/1557165473632_69224b048b43035e83017fdaf1763f97.gi) Templates include: * an e-commerce landing page using Bootstrap * an interactive game using Phaser.js * a backend server running on Python's Flask * a virtual reality environment in your browser using A-Frame * And so much more! ![](https://images.templates.repl.co/html/aframe-starter.gif) We're proud to showcase these templates, created by our community. You can access these templates at the [templates page](https://repl.it/templates), or by finding the card in your dashboard's recent repls: ![image](https://storage.googleapis.com/replit/images/1557165340307_f5d8189066b99e14a78bae7d440689dc.pn) Want to add a template to the page? We're always looking for new templates. Submit your repl [here](https://forms.gle/5653FVhuqgP6jG5Y8)! Please be sure to leave any feedback for us in this thread. Happy templating!
5
posted by timmy_i_chen (934) 3 months ago
24
So… who exactly won the repl.it Game Jam?
We (virtually) sat down with **@ggzor** to talk about his and **@MarisolH’s** coding background, what they plan to do with the 1BTC, and of course, their game, [**SceneMachine**](https://repl.it/talk/challenge/SceneMachine-Drag-configure-and-shoot-SVG-2D-Physics-Game/13329). ![Axel Suárez](https://storage.googleapis.com/replit/images/1556666291148_7d39a5c5eaf21039f85a2ca24a892003.jpe) ![Marisol Huitzil](https://storage.googleapis.com/replit/images/1556666305755_52d485db0ad16ea675a15b9e18ae4899.pn) **Katya:** First of all, congratulations! The team here at repl.it and our judges loved your game, SceneMachine. **@ggzor:** Hi! I'm just shocked!  :O It's incredible! I didn't think we could win the Game Jam, it's just... I'm really shocked. Thank you a lot! **Katya:** We know your usernames, and we know your game. Who’s behind @ggzor and @MarisolH? **@ggzor:** I’m Axel. I’m 19 years old and I study computer science in [Puebla, Mexico](https://www.visitmexico.com/en/main-destinations/puebla). I’m a young programmer who loves to code—I’m really passionate about [functional programming](https://medium.freecodecamp.org/an-introduction-to-the-basic-principles-of-functional-programming-a2c2a15c84?gi=6946a0fc643b). 

My teammate, Marisol, is also 19 and studying CS in Puebla. She is more passionate about design and cats. ![cat](https://storage.googleapis.com/replit/images/1556666318299_2b98446ddf714802255fd38e8bf30f81.jpe) **Katya:** How did you hear about the game jam? **@ggzor:** I saw the game jam badge while I was working on a repl. I didn’t immediately go to the blog, but I was curious about it… After I finally read it, I started thinking about what to do. **Katya:** Had you ever made a game before? **@ggzor:** The only game I made before was a little private project. I never finished it, but I plan to finish it soon. **Katya:** How did the idea for SceneMachine come about? What's the story behind the game?
 **@ggzor:** Well, the SceneMachine was an idea I had right after reading the Game Jam post. I am really excited about [reactive programming (RxJS)](https://medium.freecodecamp.org/an-introduction-to-functional-reactive-programming-in-redux-b0c14d097836), so I wanted to make a game about it.  I really love how stream operators mix and match, so I first thought of replicating operators in the game. The original idea was to make a "pipes" game, but then, I was watching some videos from [“The Coding Train”](https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw) and how he used the Matter.js library to make awesome stuff (he was creating an Angry Birds replica), so I got inspired to create something similar, but with additional "elements" which were intended to work as the RxJS operators. ![coding train](https://storage.googleapis.com/replit/images/1556666331233_a5fed55ded4884cbd01778295ebf408d.jpe) It was a little bit hard to me to think how to create the game mechanics without pipes, because some basic RxJS operators are all about pipes (streams). Additionally, the physics add another dimension to the game, so I discarded the idea of replicating the operators. But the idea of **composing elements to complete objectives** (there was no story at this point), was just incredible for me.  Here the name "SceneMachine" was born. You put elements into the scene to create your own machine.  ![Screen Shot 2019-04-30 at 4.20.02 PM](https://storage.googleapis.com/replit/images/1556666412632_f9efb34cce3b7c25d3565352a69cd06d.pn) **Katya:** How long did it take you to design? What was your work process like?
 **@ggzor:** It wasn’t completely planned.  I began playing with the [Matter.js physics library](http://brm.io/matter-js/) and the [SVG.js library](https://svgjs.com), and I was trying to make them work well together. Then, I found that Matter.js had a SVG parser, so I started designing a quick level with Inkscape. After designing a simple level, I tried to display it on the screen and make it work with Matter.js. It took me a complete day to make it work, but when it was done, I realized the potential of designing the levels with an SVG tool, and then loading them into the game.

After getting level loading to work, I realized that I would need a game scene camera. So I started programming the camera, but I wanted to do it with RxJS. It was painful. I had not used RxJS for this kind of stuff before, so I fell into the many pitfalls of reactive programming. It took me four days to get it working properly.  Fortunately, I eventually got it working, I learned a lot and I got enormous flexibility from the implementation (I didn't take full advantage of all the features the implementation gave me, as automatic positioning, zoom and object tracking). Now, I had to manage game state. How to do it? RxJS. Result: still painful. It took me another three days to try making RxJS handle the game state, but this time, I failed. By this time, I was already working on the UI, so, when I tried to join the state management and UI, they didn't work. So I changed my approach, and let the UI code guide the game state design. Finally, this gave me a solid state management implementation (which I didn't have time to refactor). This is what let me implement cool features like the physics engine pausing. The last two weeks, I worked designing and implementing the elements (with RxJS, of course) and polishing many parts of the game. This time, it was way easier two make RxJS work well, as I got more fluent with RxJS for this kind of stuff. Finally, the last week was really intensive, I had to work night and day designing and testing the levels. In-game tips were hard to implement. The reason I used HTML/CSS/Javascript is because it is supported natively by almost any computer. Also, because it's the main technology I've been working at recently and also because it's ease of use. **Katya:** What inspired the storyline? **@ggzor:** The story was inspired by the movie [“The Core"](https://www.youtube.com/watch?v=mZzhJeuOJGQ). I really liked this movie since I was a child. **Katya:** How did you and @MarisolH find one another?
 **@ggzor:** I worked with @MarisolH before, making some illustrations with Inkscape for a school project. She is an amazing drawer, so I didn't doubt telling her about the project I was working on. She did amazing work designing the backgrounds, and even designing some levels (level 3, 5 and the two maze levels).  She also helped me test the game, I really appreciate her work. As I have said before, this game wouldn't be possible without her help. **Katya:** Do you plan on fleshing the game out, and making it bigger? Any plans for a wider release?  **@ggzor:** Yes! I plan to continue working on this idea. But maybe I will take a different approach to make games. I've learned a lot from this project, I haven't made anything like this before (it impresses myself a lot!). I loved how RxJS let me write clean game state management and user interaction. I think that with more time, I could do something really cool. **Katya:** What are you going to do with the 1BTC?  **@ggzor:** Well, we didn't make plans to spend the Bitcoin, but I think we both will get better computers to continue making games.
21
posted by katyadee (835) 3 months ago
45
Repl.it GFX Public Beta: Build Games and GUI Apps
Hello everyone, We've spent months researching methods to implement a cross-platform and cross-language graphics engine in Repl.it. With our Explorer's help, we've explored different ways of doing graphics -- some of you even built [amazing](https://repl.it/talk/share/NEW-Play-2048-248-In-The-Terminal-in-Cheavy-plusheavy-plus-With-SIXEL-Graphics/9750) things on it! However, the time has finally come to start rolling out our graphics system. It's still buggy and requires some more work but it works. Some of you might have even already discovered it. ![Screen Shot 2019-03-09 at 6.43.13 PM](https://storage.googleapis.com/replit/images/1552185817380_328d759b19256760a3ee8bfbc3e495f6.pn) While we intend to roll this out to all our languages we're starting with a few specific environments and we'll generalize from there: - [Python Pygame](/languages/pygame) - [Lua Love2d](/languages/love2d) - [Python Tkinter](/languages/tkinter) - [Java Swing](/languages/java_swing) Here is a taste of what the development environment might look like: ![ezgif.com-gif-maker (7)](https://storage.googleapis.com/replit/images/1552186822795_393dd03eb8f3426892863ffbf5df31bc.gi) Some limitations and known issues: 1. The graphics window is shared across clients. I.e. if you share your repl with someone they'll be able to interact with the same window you're interacting with. It 2. You have to fork someone's repl before seeing the result. 3. Sound sadly doesn't work yet We're hoping to fix these pending issue in the next week. [TO TRY IT FORK AND FUN] I pulled a few examples from the web for you to check out. - Java Swing Pacman: https://repl.it/@amasad/Java-Pacman - Love2D Snake: https://repl.it/@amasad/LOVE2D-snake - A simple platformer in Pygame: https://repl.it/@amasad/simple-platformer - Simple color game in Tkinter: https://repl.it/@amasad/color-game
41
posted by amasad (1224) 4 months ago
38
The Repl.it Chrome Extension 🌐
Hey everyone, One of the coolest things about repl.it is how fast and simple it is to experiment with others' code. I've been working on a chrome extension which allows you to run code all over the web on repl.it, with just one click. The chrome extension adds prompts to NPM Packages and Github Gists - letting you try out examples as soon as you see them. ![Gist + NPM demo](https://storage.googleapis.com/replit/images/1554287819263_b57c54681794c790cff4bb6eea83602f.gi) But, that's not all! The chrome extension lets you run literally *everything* on repl.it! Just select some code, enter a language and boom 🤯 ![Right click run demo](https://storage.googleapis.com/replit/images/1554287926512_0df04df5f9eb5c6d4bf7db61e74131a8.gi) 🚀🚀🚀 Get it now on the [Chrome Webstore](https://chrome.google.com/webstore/detail/replit/kihnihckibjknmebghcjpmemaginnipl) I'm looking forward to hearing ideas + feedback from y'all :)
19
posted by jajoosam (543) 4 months ago
12
DEVELOPER SPOTLIGHT #06: “Work with each other, not against one another.”
## Welcome to *another* (slightly late!) edition of our Developer Spotlight series! This week we sat down with the founder of the volunteering app [Questlin](https://www.questlin.com),18-year-old Sam Miserendino. ![bag-and-hands](https://storage.googleapis.com/replit/images/1560884286154_5a6ca0b9e6e9ba5b685d81678547fa73.jpeg) **@katyadee**: Let’s start with the basics. Who’s Sam? **@samdevz**: Hi, I’m Sam. I’ve been programming since 9th grade. It’s always been my passion. There was as tudent at my school that I went to, and he was really involved in programming… He was making some popular apps, so that got me into it. I started with web development and a little bit of machine learning, and now I’m making apps and stuff. I use Repl.it basically every day, or almost every day, usually to test code or get things running quickly. ![D8-vEVOWsAAKiF8](https://storage.googleapis.com/replit/images/1560884332929_7bfc982a02a73230548f3418550d68fd.jpeg) I contacted Amjad in like…June I think? I was looking to do some work with you guys, or see how I could contribute in more meaningful ways, and he said unfortunately that there were so many interns this summer that they couldn’t take me, but we’re going to see if we can set something up next year, or maybe in the fall…so that’s really exciting for me. I’m just really excited about that opportunity—and also to talk to you! **@katyadee**: I actually had no idea! All I knew was about your involvement [WWDC](https://developer.apple.com/wwdc19/)… and I was really curious about what that was like. **@samdevz**: Oh, that was really exciting! I applied for the first time to Apple’s WWDC conference… usually it’s pretty expensive to go, and you have to enter a raffle, but for students they have a scholarship and if you’re picked, you can go for free. So I applied, and I won! **@katyadee**: For people who might not know—what is WWDC? **@samdevz**: Sure, so WWDC is Apple’s Worldwide Developers Conference. Over 5,000 people go, including 350 scholars. The main event is the famous Key Note, where they announce new features and products. It’s the main event for Apple Developers. The best part of it is you can meet the people who created these products. They have sessions all day long, and labs. So you can walk up to the guy who designed the Mac or the iPhone or anything—and they’ll give you really good feedback on what **you** can do to improve! It’s really a great resource for developers. **@katyadee**: What was it like to go as a student? **@samdevz**: They did a lot of cool stuff for us… you get to go to all the events—you’re like a regular attendee—you get to watch the Key Note, and you also get to meet with people who have similar interests, or executives who are doing the kinds of things we’re doing, but at a higher level. I also had the opportunity to meet with this executive named Lisa Jackson. She kind of manages the environmental concerns at Apple and the social concerns—that kind of ties in with what I’m doing. I make a lot of volunteering-oriented apps, that are designed to help people. That was really cool. **@katyadee**: Did you have a favorite part? **@samdevz**: Oh my god…So much. So, I had a friend there. I make apps and he makes games. We got the chance to meet with Apple’s marketing team, and I thought that was really valuable. They actually sat down with us one on one, and gave us suggestions on how to improve our presence on the App Store, how to market better, all sorts of different tips…like on how to monetize, for example. In general, it was so cool to meet the people who run the App Store. **@katyadee**: What was some of the best advice that they gave you? **@samdevz**: You always want to have an engaging page on the App Store. Screenshots on your app are important, but so are preview videos. Those keep people engaged. Also make sure your reviews are good, and respond to the reviews you do get. They also talked about monetization and different ways to make money… One of the best ways to make money is really ads. Not a lot of people will spend money in-app if your app is new. So, they walked us through how to get started with ads and that was really helpful, too. **@katyadee**: Wow—that’s really dedicated. I’m surprised to hear how available they were to help people. So, we’ve talked a bit how you’re an app developer… could you tell me a bit more about your background with that? **@samdevz**: The main app I’ve developed is called [Questlin](https://www.questlin.com) and it’s an app to help people find places to volunteer near by. That project is really important to me, because my school, we’re required to do service every year. And every year, I’d been kind of doing the physical side of volunteering… but at one point, I was speaking to this executive at this non-profit I go to a lot, and I was asking him about different ways to volunteer. ![Screen Shot 2019-06-14 at 6.47.16 PM](https://storage.googleapis.com/replit/images/1560884345439_fa6fae9e6763a2ad1d28728e5027f02f.png) And then he was like, here’s what we can use actually: an app that can help us keep track of volunteers and volunteering. I started working on Questlin from there. It’s been really cool and it’s gotten some attention. Recently, I even got to meet [Congresswoman Bonnie Watson Coleman](https://watsoncoleman.house.gov). **@katyadee**: Whoa. That’s really amazing. I’d love to hear more about how that happened. **@samdevz**: Well, we entered this thing—it’s actually really great for students and I encourage everyone to enter. It’s called the [Congressional App Challenge](https://www.congressionalappchallenge.us). Basically, you create an app within your district, and then your representative reviews your app. You get to go to Congress, and meet congresspeople… A lot of them will even download your app. That was a really valuable experience, and I’m really glad I did that. We’re getting more and more downloads. There’s a place in New Jersey using it… **@katyadee**: Let’s back up a second… Is Questlin for keeping track of volunteers, or is it more consumer-facing? **@samdevz**: It’s actually both! There’s a portal for non-profits and for volunteers. The biggest challenge has been expanding. The way I designed it, it’ll only show places nearby, so for a lot of people it’s not really that useful right now, it’s more useful in certain places than others. That’s been a big obstacle. **@katyadee**: Could I download it here in Austin and use it, or have you only rolled out to certain markets? **@samdevz**: Unfortunately, right now we have to manually add non-profits. We’re trying to make it more automatic, though. We’re working on a better version of it. When I won the challenge, it became a featured app in the App Store and it got a lot more downloads, and we got a lot of complaints that users couldn’t use it where they are. But some non-profits have reached out to us, so we’re working on fixing these things now. **@katyadee**: Those are pretty exciting obstacles to have, though! **@samdevz**: There was so much more interest than I expected, it really just started off as this small thing at my school. I never anticipated people from different places would use it, or an audience this large. Now we’re working to catch up with the demand now. **@katyadee**: You know, it sort of reminds me of… I can’t actually remember the name of it. There’s like a website I would use—I mean, this had to be 10 years ago, now—to find volunteer opportunities… I wish I remembered the name, it would make my point more salient. But I guess my question was going to be how you were different from other, existing and similar products. Maybe my inability to remember them says it all, though. **@samdevz**: *(laughing)* VolunteerMatch, Mobile Serve? **@katyadee**: You know what—yeah, I do think it was VolunteerMatch. How would you say you’re different from them? **@samdevz**: Well, we’re an app. We want to integrate VolunteerMatch’s API. **@katyadee**: That’s awesome that you guys are working together. **@samdevz**: It’s a nice space to work in because everyone wants to work together, instead of against one another.
0
posted by katyadee (835) 1 month ago
16
⚡️DEVELOPER SPOTLIGHT #03:⚡️We're flying out a new intern - all the way from India!
## We're back with another Developer Spotlight! ![pixel-cafe](https://storage.googleapis.com/replit/images/1558729714602_affa4bf6fe7e0d0edbe44ef590960bae.pn) *Image courtesy of [Dribble](https://dribbble.com/shots/3349688-Pixel-Cafe)* Today, we sat down with Samarth, our summer intern, who's flying all the way from INDIA to work with us in San Francisco, California. We have a lot of really active community members, but Samarth has contributed almost more than anyone. From galleries to tutorials, Samarth is one of our most prolific users. We've got to say, we're pretty thankful for it. ![Screenshot_2018-12-28-12-49-00-807_com.google.android.apps.photos](https://storage.googleapis.com/replit/images/1558729663924_77715e976be6fe0943edab4cf8bf0b6c.jpe) **@katyadee:** How long have you known about Repl.it? How’d you find us? **@jajoosam:** I found Repl.it a while back from [@yev](https://twitter.com/yevbar?lang=en) on the [Hack Club](https://hackclub.com) Slack—which is when I signed up. I think I was 15. I actually first tried it out because of the tutorials challenge, and have been here ever since! **@katyadee:** I love our challenges for that reason—I feel like they always attract new folks, who may not have used the service otherwise. We got a lot of neat new folks from the Game Jam, too. How long have you been coding? **@jajoosam:** I first started coding around 4 years ago. JavaScript is my favorite language. It works *everywhere*, and is the easiest way to deploy and share what I make with others. Even though I started learning to code 4 years ago, I didn't actually make something until 2 years after that. I wrote a ton about my journey [here] (https://medium.freecodecamp.org/how-i-went-from-not-knowing-how-to-code-to-shipping-9-projects-in-9-months-all-before-my-15th-7ec3666072c3). **@katyadee:** Wow, this is really cool! I come from a fine arts background, and a lot of this advice is applicable there, too—keep creating, keep reading, and just get out there and do it. Also really digging your story about reaching out to Jeff Bezos. Looks like you have a track record with getting companies’ attention! ![indiaamazon](https://storage.googleapis.com/replit/images/1558729813886_c1f20bbcf1d311a2945005060035dd3f.pn) This all has me wondering—what’s the coding landscape for students like in India? **@jajoosam:** Computer science in schools is not really taken seriously—but I've seen that those who really want to make something figure out how to code on the way. Sometimes people learn how to code just because it's a 'smart' skill to develop—but don't really end up making original things and sharing them. ![download](https://storage.googleapis.com/replit/images/1558729861412_f964f8a11f58d14177090e717d43ea9a.pn) I've tried to make a small impact on a few people in my school by starting a Hack Club in my school and they really like Repl.it because we don't spend time setting things up, and jump right into learning and making! **@katyadee:** It kinds of surprises me to hear that it’s not really taken seriously—I guess it’s kind of the same here, especially since we have a shortage of comp sci teachers… but a lot of interest. It’s a little confusing, isn’t it? What do you think causes the disparity? **@jajoosam:** I think the learning part of comuter science is emphasized a lot, and people would really start understanding its value once they actually make something, and take it seriously. **@katyadee:** To circle back for a second… Do you teach people to code at Hack Club? What's that like? What kinds of things do you do? **@jajoosam:** Yes, I teach them to code, and it's awesome! The best part is seeing their own twist on the projects we make. Each workshop starts with everyone making the same project, but by the end we have 10 different things. Until now, we've made Chrome extensions, web apps (web scraping), chat bots (Whatsapp!) - and games on pico8. **@katyadee:** One of my favorite things about you is how prolific—and creative—you are. I know a lot about the kind of work you’re doing on Repl.it, but now seems like as good a time as any to shine a spotlight on it! What are some of your favorite projects? **@jajoosam:** Too many! Here’s [a site](https://www.notion.so/jajoosam/808dca2fbcfa460f893d4758526f525f) dedicated to it. *Editor’s note: please find the top two below, but be sure to check out the full line up [here](https://www.notion.so/jajoosam/808dca2fbcfa460f893d4758526f525f).* * [Mathe Carlo](https://pi.4ty2.fun/__repl) is an explorable explanation, where the player gets to use a bruteforce methord to discover Pi. It was a very interesting project to make, got me to use stuff I learned in geometry from a couple of years ago! ![mathecarlo](https://storage.googleapis.com/replit/images/1558730014002_ab8eb33bec3127bbd38bfb678238f39f.gi) * [4ty2 Hunt](https://repl.it/@jajoosam/hunt) was a submission to the AI challenge on repl.it - and one of the most fun things I've ever made. You gotta actually move your laptop all around the house to complete a scavenger hunt! ![imagerec](https://storage.googleapis.com/replit/images/1558730097978_4b53d34d374b1380e5cff8ed57027f18.gi) **@katyadee:** When did you start talking to Amjad? How did notice you? **@jajoosam:** Wow, I had to dig up Twitter history for this! I first discovered Amjad talking about repl.run on Twitter, and shared something I'd made with him [there](https://libert-cli.jajoosam.repl.run/). From there, I started using Repl.it more, and when I saw Repl.it/jobs, I emailed him! We scheduled a call, and I started making tutorials for repl.it! *Editor’s Note: [Check out some of @jajoosam’s tutorials here](https://www.notion.so/808dca2fbcfa460f893d4758526f525f)* ![sam tutorials](https://storage.googleapis.com/replit/images/1558730234579_be6b2ad8a4822a801a198e6b150fc594.pn) **@katyadee:** So, it’s no surprise you got this internship! What’s the story behind it? **@jajoosam:** I realized Repl.it took interns when I saw this [tweet](https://twitter.com/amasad/status/1091844369282301952) and DMd Amjad too apply. He said yes!! I'm super excited to have my work actually used by so many awesome Repl.it users, meeting the Repl.it team and flying down to Silicon Valley! During the internship, I'm working on creating a simple, secure storage solution for repls (starting with HTML!), along with making the Repl.it community a more core feature of the product! **@katyadee:** Heck yeah, I can get behind that! Especially the community stuff! Haha. Is this your first internship? **@jajoosam:** No, but it's the most exciting one! I've interned with a couple of startups here in India previously. [Here’s](https://run.plnkr.co/plunks/frLvycFsEnMSzot2vwlk/) a project I made at my first internship kinda thing 3 years ago. 😝 **@katyadee:** Hey, it’s still a pretty cool program. I gotta ask… How did your parents feel when they found out we were flying you out to CA? **@jajoosam:** They're super excited for me and feel proud! A little bit worried too, but that's just them being parents 😉 **@katyadee:** It is one these crazy stories. But that seems to be Amjad’s style. I love it. What are you most looking forward to doing in my favorite American city, San Francisco? **@jajoosam:** Making stuff at Repl.it of course, along with (hopefully!) getting to meet some awesome people I've only seen on Twitter! This is so crazy - can't believe I'll be there in 5 days! If y'all have any suggestions hit me up.
13
posted by katyadee (835) 2 months ago
14
Weekly Repls #35
Welcome back everyone! I hope everyone is having a great day! For those in the U.S, happy memorial day. My calendar says it's also Spring Bank Holiday in the UK, so maybe someone can tell me in the comments what that's about. However you guys came here for the awesome repls of this week, so let's show them! @uint9000_t [Makes a web app to help you make some super sweet graphs!](https://repl.it/talk/share/Visualize-the-Golden-Ratio-and-more/15011) @programmyBoi [Created their own OS, that includes quite a few things!](https://repl.it/talk/share/programmyOS/14955) @Eyseedoubleyou [Have a really long conversation, with this very chatty program!](https://repl.it/talk/share/Conversation-Simulator-V10/14942) @HENRYMARTIN4 [Play a minecraft-like game, inside your browser!](https://repl.it/talk/share/WebCraft-A-Online-Minecraft/14899) @jajoosam [SPOngebobifY AlL Your TEXT USiNG THIS weB ApP!](https://repl.it/talk/share/SPongebob-AS-a-SERVICe/14890) @HarperframeInc [Made their own terminal client, send messages to your friends using the program! A very nice client aswell.](https://repl.it/talk/share/TermiMail-A-90s-User-Friendly-Mail-Application/14886)
12
posted by 21natzil (684) 2 months ago
13
😎App of the Week: 😎 colors.matdoes.dev
Now introducing App of the Week! Each week, we’ll be showcasing a new app posted to Repl.it. This week’s App of the Week is @mat1’s [colors.matdoes.dev](https://repl.it/@mat1/colors). ![MATSMALL](https://storage.googleapis.com/replit/images/1559586829345_2e06d959ad0f1f77f04ac46029bbe443.gi) From @jajoosam, here’s a little bit about it: “It's one of the most viewed websites hosted on repl.it, for a good reason - you can explore changing color palettes, and vote on colors too!” Got a suggestion for the next one? Post it here!
4
posted by katyadee (835) 2 months ago
13
⚡️DEVELOPER SPOTLIGHT #04:⚡️ Teen Game Dev in the U.K.
## Welcome to another edition of our Developer Spotlight! Each week, we (virtually) sit down with a member of our community and talk tech, Repl.it, and a couple of things in between. This week, we spoke to @ameliablackwell—one of our runner ups from our Game Jam! ![download](https://storage.googleapis.com/replit/images/1559582812575_1f0864dd8d777dc829af0a4f67cad38a.pn) **@katdee:** Hey! Welcome to our Developer Spotlight series. It’s great to have you. So tell us—who *is* @ameliablackwell. **@ameliablackwell:** My name's Amelia, I'm a 17 year old girl and I live in England. I go to school and I study maths, further maths, physics and chemistry.  **@katyadee:** That’s really cool! It sounds like you must have a pretty analytical mind—math, more math, physics, chemistry and that’s to say nothing of your coding endeavors! How long have you been using Repl.it? **@ameliablackwell:** I've been using Repl.it for about a year now, for a few reasons, including that it's easier to share your code with other people, it's usually really easy to use modules, and the helpful code editor environment thing just makes writing code a lot easier. **@katyadee:** How did you hear about the game jam? **@ameliablackwell:** Basically I just heard about the game jam on Repl.it Talk. I've entered one before, for multiplayer games, but didn't have any success. This time I wanted to do well so I worked really hard on my fishing game before and during the jam. ![pixel-cute-fish-says-blub-8-bit-vector-23762539](https://storage.googleapis.com/replit/images/1559582868111_9faa6c289799269ed5f912fd662e33e6.jpe) **@katyadee:** What kinds of games have you built before? **@ameliablackwell:** A lot of text based games on Python, which got progressively better as I learnt more about coding. Probably the first game I made that I was really proud of was a labyrinth/adventure game where the user has to choose which doors to open and then progresses through the game. I've made similar adventure games, and I've also made a hangman game, a code breaker game and of course the fishing game which is definitely the one I've worked on the most. Most of the stuff I code is games. I've tried to learn pygame/graphics and I think I prefer text based games as they are much easier to code, and graphics can easily look bad/unprofessional unless you really know what to do (which I don’t). **@katyadee:** What was your game built in? **@ameliablackwell:** Python. I got introduced to programming at school using it and straight away I really enjoyed making games on it. It's the only language I know really, which is fine by me because it works great. I tend to use classes and objects for making games, which works super well in python :) **@katyadee:** Tell me more about what inspired this game! It was one of my favorites in the competition. **@ameliablackwell:** I just really wanted to make a levelling up sort of game. I chose fish because the plural of most types of fish is the same, eg "tuna" is "tuna". It was definitely inspired by Runescape and Stardew Valley as well. I wanted to emulate the look of A Dark Room but I didn't really manage to.  ![ss_a3ddf22cda3bd722df77dbdd58dbec393906b654.1920x1080](https://storage.googleapis.com/replit/images/1559582949421_88c23e8f8eb4a9b36490cb04cc36d882.jpe) **@katyadee:** That’s funny, because I definitely got the Stardew Valley vibe. I’m not as familiar with Runescape or A Dark Room, unfortunately. How long did you spend working on it? **@ameliablackwell:** I made the first version last summer when I was on holiday but I added a lot of stuff for the game jam. There's a change log on the fishing game post which lists the developments. I probably spent about 1-2 days making the original and about 40+ hours adding all the extra stuff. Thankfully the game jam was during my school holidays so I just worked as much as I could. I got my brother to come up with some of the ideas, including the different lands you can travel to and the items you can find. My favourite development is probably the fishedex :) **@katyadee:** What’s next for this game? I’m still playing it, a couple of months on. **@ameliablackwell:** I have some ideas, maybe a website with the fishing game? So that the home page just plays the game. I will need to look into a fix for the occasional storage bug where the database gets full and needs to be restored a back up. I might try and look into some Pokemon-vibe graphics. *Amelia also sent us this pic of herself!* ![Screen Shot 2019-06-03 at 12.29.38 PM](https://storage.googleapis.com/replit/images/1559582992288_57ea3cad8fc2cbff213aa0baf93456c8.pn)
4
posted by katyadee (835) 2 months ago
23
Weekly Repls #33
Welcome back everyone! We had a lot of events going on, such as the discord server's code jam. The results of that have yet to be posted, however I have a feeling that they'll be coming out soon... Anyways, you're not here to learn about the jam. You're here for this week's repls, so let's check them out! @CowNationz [Creates a wonderful, easy to use database in C++, lightweight and can easily display it's tables.](https://repl.it/talk/share/MooDB-A-lightweight-database-program/14307) @timmy_i_chen [Created an entertaining game for all to play! Flip switches until you create the correct combination.](https://repl.it/talk/share/Byte-The-Game/14229) @eankeen [Explains how to create your own blog setup, all inside of repl.it!](https://repl.it/talk/learn/Blogging-on-Replit-with-Hexo/14074) @lukel_lv [Through the new Love 2D language on repl.it, play asteroids to explode all of space.](https://repl.it/talk/share/Asteroids-game-made-with-Love2D/14066) @TristanArmstron [Play a simple, but really fun game of cows and bulls, where the objective is too find a 4 digit combination, with a variety of small hints.](https://repl.it/talk/share/Cows-and-Bulls/14124) That's all for this week. I can't wait to see what you guys make next week!
0
posted by 21natzil (684) 3 months ago
19
Repl.it Feature Roadmap
At the current time of writing, the Repl.it team is 8 people, and we are often asked about what we're working on. We actually use our [Feedback boards](/feedback) as a roadmap, though it may not be clear. Posts can have statuses like `Planned` or `In Progress`. Let me explain what each one of those means: `In Progress` means that development or design for the feature has begun. It may have just started, or we may have released a semi-working version of the feature (like the [Shell](/site/blog/shell)), for example), and are looking for ways to expand its capabilities. Github integration is another example of such a feature, where we have [importing github repls](/github) but not the other way around - that will come soon. ![image](https://storage.googleapis.com/replit/images/1557814183959_fa7804aff115664e088ce140efccd76c.pn) `Planned` means that we're actively looking for avenues into a particular feature, but development has not yet begun on it - for example, we know for sure that we want to make a Repl.it mobile app, but we currently don't have the bandwidth to support it right now. And then there are features that are not in progress or planned. If you've been eyeing a feature in this category, fear not! It does not mean that we don't want to implement it! If we put every feature we wanted to add under "planned", that word would lose all meaning as we would love to implement 99% of feature requests that come in. But as a team of 8, we can only do so much, and we ask for your patience as we build the perfect tool for everyone. [View features in progress](https://repl.it/feedback/?status=in-progress) [View planned features](https://repl.it/feedback/?status=planned) What you see on these pages are also not exhaustive. We're quite busy every day and we sometimes forget to give a post a particular status. If you're ever curious about any of them - just ask! We don't bite. :) Happy programming, Tim
3
posted by timmy_i_chen (934) 2 months ago
13
PHP Language Improvements and Web Server Capabilities
We're happy to announce two new PHP-related languages: [https://repl.it/languages/php7](https://repl.it/languages/php7) - PHP Web servers! Just like other hosted repls, this allows you to write websites using PHP. [https://repl.it/languages/php_cli](https://repl.it/languages/php_cli) - PHP Command line interface, in case you still needed it and wanted to use it with multiple files. In both of these languages, multiple files and syntax highlighting are supported. ![php](https://storage.googleapis.com/replit/images/1559072937301_c8c75f6496bfda08633f710738b7a1ff.gi) ## Why and How The early Repl.it product started with humble roots. It used to truly just be nothing more than a repl. The decision to add a multi-line editor was highly controversial... Look at where we are now! We've had this pretty annoying bug for a while where php files didn't support syntax highlighting. Oh wait, except they did, you just needed a `<?php` tag at the beginning. Except that would somehow throw a syntax error. What the heck? Also, why couldn't you have multiple files in PHP? And where were the PHP web servers? The _simple_ explanation is that we were taking your (single) file contents and running it through `php -r <code>`, which runs the code via the command line without script tags (your file contents get put right in `<code>`). We sprinkle some repl.it magic here and there to make sure that your program state still existed in the repl, but that's basically the issue. ![image](https://storage.googleapis.com/replit/images/1558983447143_675c3dbee6fb64232faa72772ca2ac9a.pn) Trying to include a PHP tag was no good here: ![image](https://storage.googleapis.com/replit/images/1558983497962_a1366f2ca70f047af25365d41e43e93b.pn) So we decided that enough was enough and it was time to "modernize" the language, so to speak. We created two new PHP languages running on our [Polygott](https://github.com/replit/polygott) (master) image: [https://repl.it/languages/php7](https://repl.it/languages/php7) - Your repls here are run with the command `php -S 0.0.0.0:8000 -t .` (which is basically using PHP's built in web server to host from the current directory). [https://repl.it/languages/php_cli](https://repl.it/languages/php_cli) - Your repls here are run normally (with some polygott magic - feel free to poke through and contribute to the repo!). In both these languages, you'll get syntax highlighting, because we're no longer running your code with the `-r` flag and those opening PHP tags are required (apparently the closing tags are optional). Unfortunately, the repl in the console is no longer available in these languages, but we felt that the PHP community needed multiple files and web servers over a repl. So launch the new and improved [PHP CLI](https://repl.it/languages/php_cli) language or launch your first [PHP Web Server](https://repl.it/languages/php7) today! We hope you enjoy these changes to our PHP languages! If you have any feedback, please feel free to post it here or to leave it on our [Feedback](/feedback) boards.
8
posted by timmy_i_chen (934) 2 months ago