Alice's adventure

Inspiration

The theme of this UBHacking is Alice in Wonderland. Since the original work is a novel, I think it is very suitable for a text adventure game.

What it does

Interactive plot: Through a choice-driven narrative system, players can experience Alice's adventures

Item system: Collect and use various items, including mushroom props that can change the size of the character

Inventory: Use your inventory items

Achievement system: Tracks the player's exploration progress and special achievements

Store system: Use the collected gold coins to purchase useful items

Archive system: You can save your progress at any time and continue the game later

How we built it

React and Vite are used to build the front end, and React context and hook are used to manage the game state. Tailwind CSS is used to achieve some animation effects and responsive design, and localStorage is used to save the game.

Challenges we ran into

As the project gets bigger, locating errors becomes a challenge. Sometimes a simple error in the later stages will cost me a lot of time to find it.

Accomplishments that we're proud of

This is my first time writing a big project. I think I did a good job in object structure and code modularization as a beginner.

What we learned

Finishing this project made me more familiar with react and tailwind CSS, and it is a great practice of react state management

What's next for Alice's adventure

Create more scenes, combat systems, and enrich the items in the game.

Built With

• javascript
• react