#2 Learning & project roadmap

Aaron
Nov 14, 2020
2 min read

For the next few weeks, I want to make a project with Vue. If you take a look at the official Vue documentation you will read that Vue is a progressive Javascript framework for building user interfaces.

A framework tries to make your life as a developer easier by using the concept of being declarative: you tell what needs to happen instead of specifying every little detail about how it needs to happen. This makes your code more predictable and easier to debug, especially for larger projects. View a list of awesome Vue projects.

A Javascript framework often requires you to at least be familiar with the basics of Javascript first. I'm already familiar with a similar Javascript framework (technically it's a library) named React.

Because of my familiarity with React, my journey and steps for learning Vue might look a bit different from someone who wants to learn Vue but has no experience with any other Javascript framework or library.

I have heavily inspired my Vue learning roadmap on the Vue Udemy course by Maximilian Schwarzmüller.

I also want to take a look at Nuxt, a higher level framework build on top of Vue -frameworkceptiooooon. Which simplifies the development of Vue applications and adds sever-side-rendering capabilities.

I won't only use Vue for my project though, I will need some back-end capabilities for the multiplayer card game aspect.

I plan to use socket.io for easier real-time communication and game updates, and handle the game logic with an Express.js back-end. The application will be hosted and deployed with Heroku.

If I want to store data (wins/rankings) and have authentication: Google Firebase.

Project Roadmap

Core cardgame

Figma Prototype
Core functionality
Bot integration
UI
Animations
Responsive

Multiplayer

Easily join friends (URL)
Play with friends
Live chat during the game

Platform

Authentication
Profile & Match history
Add friends to your friendslist
Leaderboard

The project roadmap may still change slightly during the next few weeks.