1
0 Comments

Developing a Text-based Choose Your Own Adventure Style Mobile Game

Why&How ?

๐Ÿ‘‹ Actually, I'm trying to improve myself in the front-end field. Still, I don't find it enjoyable or logical to constantly create websites like an agency and fill my portfolio with them. That's why I was looking for a project that I would enjoy and that would allow me to continue learning in my field. ๐Ÿค” While thinking about what to do, I came up with the idea of developing a mobile game ๐ŸŽฎ as I always admired game development and mobile app development. However, the idea of leaving JavaScript aside and starting to learn Swift before even starting my professional career was daunting to me. That's when I asked myself why I hadn't tried React-Native yet. ๐Ÿค” After a quick research ๐Ÿ” I decided that I wouldn't have any problems focusing on React-Native, as I already had an idea about React, and I could proceed smoothly with the amazing website of Expo. ๐Ÿš€ After overcoming the decision-making stage, I decided to think more about the game in detail. What I have written below summarizes this process. ๐Ÿ“

Sketch

๐Ÿ’ญ It's time to put the application I envisioned on paper. Brainstorming about the game will be easier if I can develop a general template. So I will try to create the game's main screen in Figma to drill down into more details with the result.

main page sketch

๐Ÿ‘€ Here is the basic structure I have in mind. It consists of two containers: the first includes a title and a brief description supporting the game and the story ๐Ÿ“– In contrast, the second one represents each chapter with books. The empty space I left at the bottom is purely tactical, as I am not sure how many chapters(stories) there will be over time or if there will be any footer. Therefore, I haven't filled that space with anything yet.

Backend

๐Ÿ‘จโ€๐Ÿ’ป With this project, I want to learn more about the backend and explore new things in this field, so I will try to solve backend tasks with primitive and manual methods as much as possible (hopefully, I'll refactor as I learn!). Anyway, let's get back to the application. We have a book representing each chapter, with a title and a brief description. Also, each book has a story (content) not currently visible on the homepage. Considering all of these, I have an idea. I need an API, a database (MongoDB) for the API data, and a server (Vercel) to deploy the API.

Tech&Dependency
After brainstorming ๐Ÿง  on the basics, I want to write about what technologies and packages ๐Ÿ“ฆ I will use. First of all, I will definitely use React-Native, Expo, and NodeJS. In addition to these, I will use Mongoose and Express packages for the backend. Things get a bit complicated on the RN and Expo side, and I am still at the beginning of the project, so I want to share my package.json file with you. ๐Ÿ˜ตโ€๐Ÿ’ซ

package json file

End of Chapter

For now, I want to leave it here. Please stay tuned for my next blog post for more updates. ๐Ÿ˜‰

Join me as I embark on this exciting journey of learning and creating. Stay tuned for updates on my progress! ๐Ÿ˜Ž Visit Website

on March 27, 2023
Trending on Indie Hackers
Agencies charge $5,000 for a 60-second product demo video. I make mine for $0. Here's the exact workflow. User Avatar 132 comments I've been building for months and made $0. Here's the honest psychological reason โ€” and it's not what I expected. User Avatar 77 comments I wasted 6 months building a failed startup. Built TrendyRevenue to validate ideas in 10 seconds. User Avatar 59 comments Your files arenโ€™t messy. Theyโ€™re just stuck in the wrong system. User Avatar 29 comments This system tells you whatโ€™s working in your startup โ€” every week User Avatar 24 comments Why Direction Matters More Than Motivation in Exam Preparation User Avatar 14 comments