Skip to content
← Back to Community
Ultimate Web Template
Profile icon
AmazingMech2418

Ultimate Web Template

Have you ever wanted to easily create a web server with no code needed to create a website? Have you ever wanted to create a responsive website with no idea where to start? Have you ever wanted to create a login page for your website with no code needed? Have you ever wanted to create your own HTML5 video game? Have you ever wanted to create an API? If your answer to any of these is "yes", then the Ultimate Web Template is right for you!

The Ultimate Web Template utilizes a Repl.it-hosted NPM package, ServerLight, created by me to provide the easy use of Express without as much storage usage.

The Ultimate Web Template has many capabilities including

  • Easy web server creation
  • Simple, but optional, Socket.io integration
  • A file crawler so you don't have to manually put in website paths for your web server
  • Support for images, audios, and videos
  • Framework CSS+JS stylesheets for advanced, responsive applications
  • Framework CSS+JS Home stylesheet for info and login pages
  • Webpage templates for Framework CSS+JS (both main and Home stylesheets), login pages (with Home stylesheet), plain HTML files (no need to add in the DOCTYPE, HTML, or body tags; they are already included!), and HTML5 games (with included graphics and game libraries created by myself)
  • An HTML5 pixel-based graphics library for canvas
  • Cursor controls within canvas
  • Markdown support with Showdown.js
  • A Linux-based "Dev Console" to provide a simple CLI for developing and maintaining your server.
  • Request header reading and server-side URL reading and query parsing with ServerLight 1.0.5

Coming Soon

  • JSON-based encrypted database system
  • Advanced password hashing and storage algorithms
  • custom request headers (including optional CORS which is currently enabled automatically) with ServerLight 1.0.6
  • More features as I come up with them

If complete with developing your website, feel free to delete the templates folder, but not before then since deleting it prior to finishing web development will cause you to be unable to use most Dev Console commands and will prevent you from being able to use the templates or replace HTML, CSS, and JS files containing corrupted template versions with a fresh template.

Note: The newpage/np and newmd/nmd commands use paths relative to the html folder and the newjs/njs and newcss/ncss commands use paths relative to the js and css folders respectively while all other commands besides the Linux-derived commands (cat, cd, ls, mkdir, help) are relative to the root directory. Linux-derived commands are relative to the current working directory. Also, to create a webpage with a pathname without a file extension, you must use a folder (can be created with mkdir) and either index.html or README.md file within that folder.

Updates:

4/23/2020 @ 1:01 PM ET - ServerLight has been updated to 1.0.5 and now supports request header reading and URL and query string reading.

Voters
Profile icon
FELICX
Profile icon
thezandem
Profile icon
wjnb
Profile icon
AgastyaSandhuja
Profile icon
Highwayman
Profile icon
xolyon
Profile icon
AmazingMech2418
Comments
hotnewtop
Profile icon
litlag1

NICE!!!

Profile icon
AmazingMech2418

@litlag1 Thank you!

Profile icon
litlag1
Profile icon
Highwayman
Profile icon
AmazingMech2418

@Highwayman I also just updated ServerLight to 1.0.5 so that we can use it! Check out the repl for CS4C in router.js.

Profile icon
AmazingMech2418

@Highwayman Type in KNOWN_LANGUAGES into the JS console...

List of all Repl.it languages: ["clojure","haskell","kotlin","qbasic","forth","lolcode","brainf***","emoticon","bloop","react_native","unlambda","javascript","babel","coffeescript","scheme","apl","lua","python","ruby","roy","php","python3","nodejs","enzyme","go","java","cpp","cpp11","c","csharp","fsharp","web_project","html","rust","swift","python_turtle","basic","jest","django","express","sinatra","rails","rlang","nextjs","gatsbyjs","reactjs","reactts","reactre","flow","bash","quil","polygott","crystal","julia","perl6","elixir","nim","dart","gatsbyjsv2","reason_nodejs","tcl","erlang","typescript","ocaml","pygame","love2d","reason","Tkinter","tkinter","java_swing","php_server","nodejs_prybar","elisp","php7","sqlite","java10","php_cli","nodejs_beta","pyxel","static","nodejs_static","html_beta","java_maven","testj_beta","go_beta","python3_beta","testj","java10_beta","python_beta","raku","riddlejs","scala","wasm"]

Profile icon
Highwayman

@AmazingMech2418 awesome! Sorry about the delay I had my repl.it account block for all of yesterday :/

Profile icon
xolyon

Nice do you know how to import formats?

Profile icon
AmazingMech2418

@xolyon Thank you! What do you mean by formats exactly?

Profile icon
xolyon

@AmazingMech2418 crap I mean fonts (autocorrect sorry!)

Profile icon
AmazingMech2418

@xolyon Well, you can import fonts from Google Fonts using @import in CSS. Also, if you have your own font, you can add the correct image MIME type for your font file just after line 104 in index.js or you can add a get request in router.js, given that you have uploaded the file to the repl, preferably in the assets/images directory.

Profile icon
AmazingMech2418

@xolyon The HOMEINDEX template also includes the Orbitron font from Google Fonts as a part of the Home theme for Framework CSS+JS.

Profile icon
xolyon

@AmazingMech2418 k I knew that , wanna check my game out?

Profile icon
AmazingMech2418

@xolyon Sure!

Profile icon
AmazingMech2418

@xolyon So, where is it?

Profile icon
AmazingMech2418

@xolyon Also, do you have any ideas for features to add to this? What do you think about what it can do currently?

Profile icon
xolyon

@AmazingMech2418 go to my account or search by new in share it's called maze game , for some reason the emojis wont load on your phone so be sure to use something else if you can!

Profile icon
xolyon

@AmazingMech2418 I kinda don't wanna say since I am making my own and also because everything has already been done but I dunno loading in APIs? Like google maps?

Profile icon
AmazingMech2418

@xolyon You're making your own web template? Cool! So, what do you think about what this template can do. Do you like it or not and why? Also, I'm checking out your game now.

Profile icon
xolyon

@AmazingMech2418 I don't really have a lot of time to check out Dev controls so ill tell you in the morning

Profile icon
AmazingMech2418

@xolyon Thank you!

Profile icon
xolyon

@AmazingMech2418 are you online? can you help me with the RPG

Profile icon
AmazingMech2418

@xolyon Sure! I guess, I'll just have to go between tabs, but it's fine. I'm working on a programming language template now too.

Profile icon
xolyon

@AmazingMech2418 kk ill invite you but before you do can you check out this question?

https://repl.it/talk/ask/How-can-I-useaccses-a-varible-in-another-class/33902

Profile icon
staticvoidliam7

how do you use the dev console

Profile icon
staticvoidliam7

nvm found it @LiamDonohue

Profile icon
staticvoidliam7

mazing

Profile icon
AmazingMech2418

To view the Dev Console, you need to fork the repl.