cocacola-attempt

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.

---

Technologies used and progress

These are the technologies I have used so far to build this app.

1. Vue.js (version 3)

   • vue-router and its guards
   • vue transitions

2. anime.js

3. json-server to serve up a local json file

4. Implemented a subdomain feature for an admin page: The admin side of the web app

5. Firebase

   1. Firebase Auth for Admins
   2. Firebase firestore as the database instead of json-server
   3. Firebase storage for images storage
   4. Firestore & storage rules
   5. Cloud Functions

6. Vue-meta for SEO (vue-meta@3.0.0-alpha.7)

7. Prerender-spa-plugin for SEO

8. Firebase Hosting

9. Responsive design using desktop-first approach

10. Integrated google analytics through firebase