OC-Maker

# OC-Maker ### 🚀 What is OC-Maker? **OC-Maker (oc-maker.org)** is a dedicated digital toolkit designed for writers, roleplayers, and artists to bring their **Original Characters (OCs)** to life. Creating a character is more than just picking a name; it’s about building a soul. However, many creators struggle with scattered notes, inconsistent character traits, and the "blank page syndrome" when trying to develop deep backstories. OC-Maker solves this by providing a structured, intuitive, and visually appealing platform to document, organize, and export comprehensive character profiles. Whether you are writing a novel, prepping for a D&D campaign, or designing an avatar, OC-Maker transforms your fragmented ideas into a professional-grade character sheet. ### 🛠️ How I Made It The project started from a personal need for a better way to track character evolution. I wanted to move away from messy Google Docs and physical notebooks to something more dynamic. The development process focused heavily on **User Experience (UX)**. I spent significant time designing a "Dynamic Attribute System" that allows users to toggle between different genres (Fantasy, Sci-Fi, Modern) so the character sheets feel relevant to the setting. I also implemented a responsive design to ensure that creators can jot down sudden bursts of inspiration whether they are on their desktop or using a mobile device. ### 💻 The Stack To ensure a fast, scalable, and seamless experience, I utilized a modern web development stack: * **Frontend:** [Next.js / React] – For high-performance rendering and a smooth Single Page Application (SPA) feel. * **Styling:** [Tailwind CSS] – Used to create a clean, modern, and highly responsive interface. * **Backend/Database:** [Supabase / Firebase] – Handles secure user authentication and real-time data storage for character profiles. * **Deployment:** [Vercel] – For continuous integration and global fast loading speeds. * **Assets/Exports:** [Canvas API / HTML-to-Image] – Used to allow users to export their character sheets as beautiful, shareable images. --- ### ✨ Key Features - **Structured Character Sheets:** Organize everything from physical appearance to deep psychological flaws. - **Genre-Specific Templates:** Tailored fields for RPG players, novelists, and concept artists. - **Easy Sharing:** Export your OC profiles as high-quality images or shareable links. - **Cloud Sync:** Access your characters anytime, anywhere. **Check it out at:** [oc-maker.org](https://oc-maker.org)