Doubloons Explained is an interactive lesson around doubloons, on the site you'll learn:
- What are Doubloons?
- How can you earn Doubloons?
- What are the pros and cons of creating a project?
- Does more time equal more Doubloons?
- And more!
A huge credit of this project goes to @Aramshiva for his work on the components and the layout along with how the slides moves! Go follow him!
This site was made for a school project and was made in ~7 hours. It uses Next.js App Router, Tailwind CSS, and React as the frameworks for building the site.
The entire site is based off of two main sections:
- The Text (left side)
- This will explain that part of the lesson
- The component (right side)
- This will be a React component, often interactive that talks about the text and has cool visuals.
To run in development:
- Clone the repository.
- Install Bun.
- Run
bun installto install dependencies. - Run
bun devto start the development server.
The interactive lesson consists of the following slides:
- Welcome
- Introduction to the interactive website on doubloons.
- Definition
- Definition of what a doubloon is.
- Using Doubloons in High Seas
- Explanation of how doubloons are used in the High Seas event.
- A little info about Doubloons
- Additional information about doubloons.
- How to earn Doubloons in High Seas
- Steps to earn doubloons by creating and shipping projects.
- Does more hours equal more Doubloons?
- Explanation of why more hours do not necessarily mean more doubloons.
- Is the condition also true for reverse situations?
- Explanation of reverse situations where fewer hours can result in fewer doubloons.
- Then how the hell I can earn the maximum amount of doubloons?
- Tips on how to earn the maximum amount of doubloons.
- Some tricks to earn more doubloons
- Tricks to earn more doubloons by voting properly in the Wonderdome.
- Conclusion
- Conclusion and encouragement to create cool projects.
Press the Start button to begin!