About the Project
Inspiration
The inspiration for Periodic Table RPG came from a desire to make learning chemistry more engaging and interactive. Many students find memorizing the periodic table tedious, so I wanted to create a game that turns this challenge into an adventure—where each element is something to unlock, and chemistry knowledge is your weapon!
What I Learned
JavaScript Data Structures: I deepened my understanding of how to represent complex data (like all 118 elements) in JavaScript objects and arrays. Game Mechanics: I learned how to implement RPG-like progression in a non-traditional context, using quiz questions and unlockable content. Frontend Deployment: I practiced deploying static web apps using GitHub Pages, making the project easily accessible to anyone.
How I Built It
Data Modeling: I created a comprehensive elements.js file, representing each element with properties such as atomic number, symbol, category, and a fun description. Game Logic: The game logic unlocks new elements as users answer questions correctly, with "boss" elements requiring tougher challenges. Frontend: The UI is built with HTML, CSS, and vanilla JavaScript, focusing on clarity and ease of use. Deployment: The project is hosted on GitHub Pages for free, instant access.
Challenges Faced
Data Entry: Entering and verifying accurate data for all 118 elements was time-consuming and required careful attention to detail. Balancing Difficulty: Designing quiz questions that are fun, educational, and appropriately challenging for different levels took several iterations. User Experience: Ensuring the game felt rewarding and not just like a quiz required experimenting with progression and feedback mechanics.
Built With
- css
- github
- githubpages
- html5
- javascript
Log in or sign up for Devpost to join the conversation.