https://github.com/trophyso/example-study-platform
An example flashcard stufy platform using Trophy for gamification.
https://github.com/trophyso/example-study-platform
achievements achievements-badge emails gamification gamification-engine gamification-framework gamification-learning gamification-platform leaderboards streaks
Last synced: about 1 month ago
JSON representation
An example flashcard stufy platform using Trophy for gamification.
- Host: GitHub
- URL: https://github.com/trophyso/example-study-platform
- Owner: trophyso
- License: mit
- Created: 2025-04-22T22:27:48.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-07-31T12:11:12.000Z (2 months ago)
- Last Synced: 2025-08-19T16:32:09.756Z (about 2 months ago)
- Topics: achievements, achievements-badge, emails, gamification, gamification-engine, gamification-framework, gamification-learning, gamification-platform, leaderboards, streaks
- Language: TypeScript
- Homepage: https://study.examples.trophy.so
- Size: 650 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Example Study Platform
An example flashcard study platform with gamification features powered by Trophy.
Tutorial »
Trophy »
View Demo
·
Report Bug
·
Request Feature
## About The Project
Your browser does not support the video tag.
This is an example flashcard study platform that demostrates how to build the following gamification features in an educational setting with Trophy:
- Multi-stage achievements with badges
- Daily streaks
- Automated gamified emails for achievement unlocked, and for weekly progress summaries
### Built With
- [NextJS 15](https://nextjs.org/docs) (React 19)
- [shadcn/ui](https://ui.shadcn.com)
- [Lucide](https://lucide.dev/icons) for iconography
- [Motion](https://motion.dev/) for animations
- [HTML5 Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API) for sound effects
- [Trophy](http://trophy.so?utm_source=github&utm_medium=example-apps&utm_campaign=example-study-platform) for gamification
## Getting Started
First:
```bash
npm install
```
Then:
```bash
npm run dev
```
### Pre-requisites
To use the gamification features, you'll need to create a Trophy account. Follow the [tutorial](https://docs.trophy.so/guides/tutorials/how-to-build-a-gamified-study-platform) to get started or [create an account](http://app.trophy.so/sign-up?utm_source=github&utm_medium=example-apps&utm_campaign=example-study-app).
Find or create your API key here and add it to your environment variables as follows:
```bash
cp .env.example .env.local
```
```bash
TROPHY_API_KEY='Your API key'
```
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request to `master`
## License
See `LICENSE` for more information.
## Contact
Trophy - [hello@trophy.so](mailto:hello@trophy.so)
Project Link: [https://github.com/trophyso/example-study-platform](https://github.com/trophyso/example-study-platform)
Demo: [https://study.examples.trophy.so](https://study.examples.trophy.so)
More examples: [https://examples.trophy.so](https://examples.trophy.so)