Jump to content


   (2 reviews)

10 Screenshots

About This File


A perfect game mode to get started with if you're about to make a roleplay server!


This game mode is still work in progress, I will maintain and update it generally, plenty features are planned to be added so stay tunned!

At current state, this gamemode is perfect to be used as a boilerplate for you to start a rp server!

Built in:

Client side:

  • Typescript
  • Webpack

Server side

  • Typescript
  • Webpack
  • Typeorm
  • PostgreSQL


  • ReactTS
  • MobX


Current Features

  •  - Account system (Login/Register).
  •  - Character System (3 Available slots to create)
  •  - Inventory System
  •  - Notification system
  •  - Chat System
  •  - Command system


Getting started with setting up:

Database setup:
This code requires you to have PostgreSQL installed on your machine, read more at https://www.postgresql.org/
After installing PostgreSQL, connect to your database using PGAdmin or HeidiSQL and create a new database by executing a query like: 


After creating a database successfully, head back to the server files and edit .env by describing the database connection details there.
Once you're setup with that, simply start the server, and the TypeORM will start creating the required database tables on its own (see Database.module.ts for deeper info)


Code Structure:

├───config #contains webpack configuration files
│   └───src
│       ├───assets #contains assets such as page images or videos
│       ├───events #contains page events which can be called from the backend
│       ├───pages #contains pages
│       ├───stores #contains temporary stores
│       ├───styles #contains global styling
│       └───utils #contains useful code methods
├───source #contains backend code
│   ├───client #contains client-side code
│   ├───server #contains server-side code
│   └───shared #contains shared data between server and client
└───.env #contains database connection details


Getting started with development:


  1. Make sure you have an empty ragemp-server folder ready.
  2. After downloading the gamemode, move all files to your ragemp-server folder.
  3. Open the gamemode to your terminal and simply install the required packages executing 'npm install', this will install all required packages the gamemode uses.
  4. After the packages are installed make sure you created the database explained above.
  5. Start server-side in development mode: Simply execute 'npm run watch:server' to start watching server side in development mode.
  6. Start client-side in development mode: Simply execute 'npm run watch:client' to start watching client side in development mode.


  1. Create a folder named package2 in client_packages folder.
  2. Navigate to frontend folder in your terminal.
  3. Install the required packages executing 'npm install'
  4. Once packages are done installing simply run 'npm run build'
  5. Once the build is done, it will automatically be moved to package2 folder.
  6. Once you're done, start the server and that's pretty much it.


Github link: shr0x/ragemp-rp-gamemode: A startup rp script to make your way into making a rp server easier! (github.com)

More docs are in the github repo, also keep an eye since most of the updates will be published there first then will eventually be updated in this post.



Edited by shrox
github link (shows now gamemode instead of framework)

What's New in Version 0.0.6   See changelog


This update is focused on the frontend to make your way of creating pages easier.

CEF Updates
It is now way easier to create pages in our frontend, check the video below

Death System

-> Default game 'death' system is disabled.
-> Once a player dies they go into injury state.
-> Player has to wait 30 seconds and then they can press E to accept death
-> Once they press E they respawn at the closest hospital based on their position.

Player injured UI preview

# Other changes

[+] Added /ah(elp) to list all available admin commands.
[+] Added 6 admin levels.
[+] Added /revive to revive an injured player
[+] Added /giveclothes to give a target player inventory clothes
[+] Added /giveitem to give a target player inventory item.
[+] Added mp.players.getPlayerByName(stringornumber), gets a player by their name or by their id, if there's no player it returns undefined.

Misc updates & code optimization.

  • Like 1

User Feedback

Recommended Comments

There are no comments to display.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...