This is a personal project. A self-administred test of sorts.
The goal is to reproduce a cocacola based UI/UX design mockup I found sometime ago.
click on the image to the watch video
This is the Cocacola-attempt Live Site Link
N/b: There are numerous unnecesary animations in this project. This is a "test your might" situation.
These are the technologies I have used so far to build this app.
-
Vue.js (version 3)
- vue-router and its guards
- vue transitions
-
anime.js
-
json-server to serve up a local json file
-
Implemented a subdomain feature for an admin page: The admin side of the web app
-
Firebase
- Firebase Auth for Admins
- Firebase firestore as the database instead of json-server
- Firebase storage for images storage
- Firestore & storage rules
- Cloud Functions
-
Vue-meta for SEO ([email protected])
-
Prerender-spa-plugin for SEO
-
Firebase Hosting
-
Responsive design using desktop-first approach
-
Integrated google analytics through firebase