Tom Lienard
Posted on October 22, 2019
Intro:
Hello guys, this is currently my first post on DEV. So let’s start!
📌 Warning: i’m not a professionnal developer and designer. I’m just a 17 years old boy who’s enchanted by dev technologies and wants to share my work. If you find issues and improvements, feel free to tell me!
PS: i’m french so maybe my english will be terrible sometimes - apologise for this.
Creating my side-project in 2 weeks
First day: the basics
What’s my project idea?
Let’s begin with the basics. I got the idea one day to have a web application that can be like a draft board, where you can add post-it and arrows etc. It’s already exist but not exatly like in my awesome brain.
So with this idea, i started thinking about the name of the application, and found Shineboard - shine because it’s pretty cool and board cause it’s will be like a board. Convinced by this name, i bought the domain name shineboard.io at OVH, created the Twitter account and ordered a VPS at DigitalOcean to host the app.
What is the goal of this post?
I don't want to make a step-by-step tutorial on how i'm going to create this app, simply showing you the advancement every days.
I'm not going to create a full application - basically because it's impossible in 2 weeks, "simply" the MVP
Which framework/technologies?
I choose to use Laravel for the backend cause it’s in PHP - ❤️ - and it’s just so well documented and builded (also i have already experiences with it). And for the frontend ? I wanted to make the application a SPA so i started looking around for a framework that can handle this, and found that VueJS also can be a SPA with the help of VueRouter and Vuex - and that’s good because i also have experiences with it.
Preparing the terrain
I created the gitlab repository, which only contains a fresh Laravel application with basic login, using VueRouter for the SPA.
I started creating a basic ui library for buttons, inputs etc. And because i enjoyed building theses components, i created the starting of a landing page. Here is the result on mobile, i’m pretty happy with the design (of course it’s not the final design, there will be a lots of improvements).
Next day
Next day i’m going to create a first card design, and search to create a draggable effect for theses.
Posted on October 22, 2019
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.