RPG Character Creator

Project Description

RPG Character Creator is a simple application which allows you to customize a pixel art character. Feature will be implemented later on to a farming RPG game that I have been wanting to make. Live Site

Wireframe/Component Hierarchy

Figma Link

API and Data Sample

Airtable

{
  "records": [
    {
      "id": "recONRzIUTuZ5lXaF",
      "fields": {
        "name": "fish",
        "characterCreated": "False",
        "authID": "0000001",
        "hairColor": "#000000",
        "skinColor": "#000000",
        "shirtColor": "#000000",
        "pantsColor": "#000000",
        "shoeColor": "#000000"
      },
      "createdTime": "2021-22-30T16:03:09.000Z"
    }
  ],
  "offset": "recA34tOaoE1IVeC1"
}

MVP/PostMVP

MVP

• Password Authorization setup with Auth0
• Airtable used to remember user design later on
• Character Creation feature
• Utilize Material-UI for design
• 6 rendered components

PostMVP

• Overworld for created character to be able to walk around
• Apply OOP concepts

Project Schedule

Day	Deliverable	Status
October 21	Prompt / Wireframes / Priority Matrix / Timeframes	Complete
October 22	Project Approval	Complete
October 23-24	Core Application Structure (HTML, CSS, etc.), Pseudocode / actual code	Complete
October 25	Pixel Art, Components	Complete
October 26	Character Creation	Complete
October 27	MVP	Complete
October 28	Prep for presentation, Deployment	Complete
October 29	Presentations	Complete

Timeframes

Component	Priority	Estimated Time	Time Invested	Actual Time
Planning	H	3hrs	hrs	hrs
Pseudocode, Readme, Boilerplate	H	3hrs	hrs	hrs
Set up Auth0, Login and Logout Components	H	3hrs	hrs	hrs
Airtable	H	3hrs	hrs	hrs
Character Creation Component	H	3hrs	hrs	hrs
Start Page and Error page	H	3hrs	hrs	hrs
Design pixel art	H	3hrs	hrs	hrs
Total	H	hrs	hrs	hrs

SWOT Analysis

Strengths:

Weaknesses:

Opportunities:

Threats: