Logo franLogo fran yellow
projects
resume
projects
resume
github linkgithub link-hover
twitter linktwitter link-hover
contacto@franmella.dev

MateoZ Shop

MateoZ Shop-1-image
MateoZ Shop-2-image
MateoZ Shop-3-image
MateoZ Shop-4-image
MateoZ Shop-5-image
MateoZ Shop-6-image

Project description

The project focuses on a virtual store, blending the world of video games with e-commerce.

It incorporates a bidding and purchasing system using points accumulated by playing a Creative Map in Fortnite.

The bidding system adds an attractive element, aiming to encourage user interaction.

This website is utilized by +300 daily users, with +90,000 registered users.

Languages used

nuxt
nuxt
tailwindcss
tailwindcss
mongodb
mongodb

Infographic

Header, Live Rewards, and Banner.
Header, Live Rewards, and Banner.

Composite header, on the left, featuring the logo and language selector, and on the right, a menu with various options and information.

Icons represent charms, ranks, etc., either active or for events.

The "Transfer Gems" button will open a modal allowing you to upload a screenshot of your gems earned in Fortnite (Maximum of 2 daily and within a 6-hour interval).

The arrow on your profile image will expand your personal menu, where you can navigate to your account, support, or log out.

Rewards
Rewards

In this section, you will find all the awards available in the store.

You can bid on them, and other users can increase the bid.

When a bid is surpassed, the bid time is extended to the initial bid time.

Once the auction is concluded, the prize is processed through a cronjob every minute and updated via a socket in the live awards list.

Battlepass
Battlepass

You can collect the rewards from the free Battle Pass by simply uploading screenshots.

For the premium Battle Pass, you will need to acquire it for a certain amount of gems.

This grants you additional rewards at each level and a guaranteed premium reward at the final level.

Amulets
Amulets

You can acquire amulets for a certain amount of gems.

Only one amulet can be active at a time, and it will expire when its uses are exhausted.

Each amulet grants you a percentage bonus when uploading a screenshot, allowing you to earn more gems.

Ranks
Ranks

You can obtain ranks for a certain amount of gems.

Similar to charms, ranks provide a percentage bonus for each screenshot you upload.

There is no limit to their use, but they follow a specific order.

You will need to acquire each rank sequentially until you reach the maximum, with each one offering a different bonus.

My Account
My Account

In the "Your Account" section, you can view all personal information, gems, ranking, change friend code, notifications, and orders.

You can link your Discord account to the website, select your country, and transfer gems from past seasons to the current one, with a conversion percentage applied.

You can modify your friend code, copy it, copy the invitation link, or share it on social media.

View your order history, which includes rewards won through auctions.

Also, check notifications to see if your screenshot has been verified, if you've won any bids, etc.

Go to MateoZ Shop
Go to projects
github linkgithub link-hover
twitter linktwitter link-hover
contacto@franmella.dev
Designed and Developed by Fran Mella
nuxt
nuxt
tailwindcss
tailwindcss
storyblok
storyblok