Skip to content

A frontend coding challenge using Vue.js + Vuex, HTML, CSS

Notifications You must be signed in to change notification settings

awgraves/secret_santa

Repository files navigation

Secret Santa Application

This is code I wrote for a frontend coding challenge using Vue.js and VUEX. I originally worked on this as a private project on my local machine and later decided to convert it into a git repo to upload to github.

The challenge was to build an application that would access the https://randomuser.me API, pull random user data, then create random gift exchanges between these users. Each user must give and receive 1 gift. I could only use javascript (frameworks like Vue were permissible), HTML & CSS.

I wrote all the code in this project from scratch (including all CSS & animations with the exception of the flickering CRT monitor effect). The only external library I utilized aside from Vue and VUEX was jQuery's AJAX module for the API calls.

participant_menu

open_card

iphone

Asset Sources:

jquery AJAX library file: https://projects.jga.me/jquery-builder/

Flags: https://countryflags.com

Santa Logo source: https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.WT644-uD7e9AuMcfRCapOwHaJQ%26pid%3DApi&f=1

Flickering CRT Monitor CSS: https://codemyui.com/crt-screen-text-flicker-animation-in-pure-css/

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

About

A frontend coding challenge using Vue.js + Vuex, HTML, CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published