Fantasy Character Forge

Fantasy Character Forge is a tool that allows you to create unique characters for tabletop role-playing games or fantasy stories. This creator offers a unique combination of features that make the character creation process enjoyable and inspiring.

The main feature of this creator is the use of character cards. Each card contains different character statistics. You can easily select cards and view their descriptions. One of the standout elements is the ability to upload an avatar. You can add your own photo or choose a graphic that represents the appearance of your character. This adds a personal touch and helps visualize their appearance. The creator also allows you to export the created character to a PDF file. This makes it easy to save and share your character in a professional and readable format.

Additionally, the creator provides the option to fill in essential character information. You can enter their history, personality traits, and even abilities.

Link to automated tests

https://github.com/Finarfin32/FantasyCharacterForgeTests

Demo

https://our3worlds.pl/creatorproject/

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

---

Installation

Clone the repository and install dependencies:

git clone https://github.com/Finarfin32/FantasyCharacterForge.git
cd FantasyCharacterForge
npm install

Technologies

• React
• Tailwind CSS
• React Hook Form
• Flowbite (UI components)
• SASS

Project Structure

• src/ - Main source code
  • components/ - React components
  • consts/ - Constants and configuration
  • App.js - Main app component
  • index.js - Entry point
• public/ - Static files and HTML template

License

MIT © Mateusz Głód