Atlas Store

Inspiration

A lot of members from our group have fallen to the gaming tactics and we know a lot of the methods that the games use to reel the player bases in.

What it does

Use gaming tactics commonly found to make users feel more engaged and invested than traditional e-commerce stores.

How we built it

The web app is built in the MERN stack with MongoDB Atlas as the database, Express.js and Node.js as the backend, and React as the frontend of the project.

Challenges we ran into

We were new to all of the technologies and the whole time we were trying to learn the syntax and implementation of each of them. Time was a really big problem as we were trying to learn everything and apply our knowledge at the same time.

Accomplishments that we're proud of

We have a working web page that accomplishes our purpose of creating a gamified store.

What we learned

A lot.

What's next for Atlas Store

Currency purchase feature, daily login streak, and a loot box mechanic for items.

Built With

Submitted to

HackGT 8: Discover Your Craft

Created by

I worked in the setup of the initial project skeleton and put in a lot of functionality on the back-end and front-end. I created the ItemList component in the client portion of our project. On the backend getting axios to work was a very difficult task. Using React for the first time was a very cool experience and I can definitely see the power of it.

Austin Ang
I worked on the front end of the project. Although I had a little Javascript experience, I had never used React before, so it was a very enlightening experience. We did a lot of fun concept design for this product, but unfortunately could not implement some of our ideas. I learned a lot from this, and given more time I believe we can deliver a more satisfying product.

Tien Tran
I worked primarily on front-end and initial conceptual design of the page layout. We did not end up implementing some of our page design, instead focusing on the functionality of the rarity and time-gating features. Most of my work was in the CSS formatting of the main page. I learned more about the integration of React and how to convert equivalent Javascript implementation.

John O’Kane
I worked mainly on the back-end of our project. I set up our database using MongoDB Atlas and populated our items collection with the data for the items to be offered on the store. I had no prior experience with any of the technologies we used, making the project very challenging, but I learned a lot.

Alec Tan

Updates

Austin Ang started this project — Oct 24, 2021 04:18 AM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.