menu
  • A
  • N
  • N
  • I
  • E
  • T
  • A
  • Y
  • L
  • O
  • R
  • C
  • H
  • E
  • N

The Making of Thirty Seconds to Mars

I used to be a big fan of Thirty Seconds to Mars. I wish I had been to all of their previous concerts. This website is a nostalgic corner I built for myself and other Mars fans, where I turn back time and revisit some moments (and practice coding).

What I did

  1. Web Development
  2. Content Creation
  3. E-commerce Integration
  4. Graphic Design
  5. Video Production

Tech I used

  1. Node.js
  2. React
  3. Redux
  4. MongoDB
  5. Stripe
  6. Netlify
  7. Digital Ocean
LIVE DEMO VIEW CODE

Year: 2019

The Story

I want to go back to 2015 and promote a European tour for the band. I used some footage from their European tours, where national flags of European countries were featured while Jared was dancing on the stage. The video has to be concise and exciting, with a “good wish” and “celebration” as end.

I also want to go through a brief history of the band and their albums, where the background images should reflect the creative spirit of each era, which corresponds to the theme of the album.

The Shop

The shop page is a simple e-commerce store, where albums and merchandises can be found. I simply want to practice how to load items from MongoDB database, and build a simple shopping cart where people can pay via Stripe. Of course it’s the simplest mode, for real business we would need to write more customized checkout pages. 😉 The biggest challenge I met was to get the right amount of money matched in the front-end, back-end, database as well as the calculation parameters in Stripe.

The Echelon

The Echelon is the community for dedicated fans. Here fans get exclusive news from the band, such as tour photos, announcement of new single releases, new videos, ticket giveaways etc. I want to make it as a pin board for the band to paste messages, photos, audio and video.

There is also a simple message board where fans can create post and comments. The biggest challenge for me is to make sure all the data are sent correctly and render correctly, and I like small cute touch such as an animated heart when people like a post, or to edit post or comment on site.

Obviously, the Guardians of the Galaxy guys were the first ones to occupy this section once I released the site, since Star-Lord discovered the Up in the Air in the space. Do you want to know more story about it? Read it in the Echelon section. 😉

Back to Projects