Artemis' Wrath

Artemis Wrath is an online based trading card game. Here, players can collect, trade, and battle against each other.

This project was build with

NextJs
TypeScript
Prisma
postGresSQL
TailwindCSS

This project was built using Next.js as a full stack application. TypeScript for type safety. PostgreSQL as a SQL based database. Prisma as an object-relational mapping (ORM). Tailwind CSS for styling.

Artemis Wrath Image

Purpose

The intent for creating Artemis' Wrath was to explore my full creative curiosities. I wanted to progress my skills as developer by challenging my design eye and using technologies I have never used before. I decided to an create easy to follow online based trading card game that anyone could learn to play.

Technologies

Various technologies are being used during the development of this project other than the above mentioned, some others include Clerk for authentication and authorization, Zustand for state-management, and Framer Motion for animations.

Product Page Image
Cart Page
Products Page Image

Challenges

As this was my first large-scale project using TypeScript many problems occurred, some as little as not adding React specific types and as this game is still in development many problems are still occuring. However, one of the most recent problems that has been addressed is only allowing users to aquire one pack a day, this is done by recording the date and time of when the last pack was taken and comparing it to the current day. Here we are getting the date from an API so that the date cannot be changed on the users device.

Lessons Learned

As project is still being built I would first to complete an minimal viable product first. However here are many things that I want to change about this project, including using Next-Auth for authentication. Second, using a dedicated backend prehaps Django, instead of the built-in Next.js backend, as I would like to create a mobile version of this game using React Native or Flutter.

Check Out My Other Projects

Proteus

Proteus

An online store for

View project

Keep Me Accountable 75

Keep Me Accountable 75

An accountabily software

View project

Home

|

About

|

Projects

|

Github

|

LinkedIn

Let's Collaborate!