Introduction
Hi everyone. It has been a while since I wanted to do a big series such as this one.
If it isn’t clear enough in the title, this article is the first post of a 10 part series where I will create a link shortener app step-by-step using HTML, CSS, and JS for my front-end, and Node.js with a MySQL database for my back-end.
The idea is to create a tutorial so that people can follow along and start learning the amazing skills of web development. At the end of the project, the codebase will be public and people will be able to run the app in their local machine and host it locally. It doesn’t mean that I wont try to monetize from the project later in the future. 😬
I will call this project the “Kecil Project” because Kecil means small in Indonesian, and it makes sense since we are making links Small-er✨. (Plus the domain is quite cheap)
Why a link shortener ?
I chose to do a link shortener because I believe in its essence it covers most things that is required for a web development, and moreover the idea it self is very simple and most people are familiar with how link shortener works and how they functions.
Plans
As mentioned, this series will be a 10 part series where I will cover various steps of the project in each part.
- Part 0: Motivation & Plan
- Part 1: Project Set Up
- Part 2: Database Creation
- Part 3: Database Management
- Part 4: Frontend
- Part 5: API
- Part 6: Connecting Database to Frontend
- Part 7: Allow For User Activity
- Part 8: Adding personalized theme
- Part 9: Putting it live in a Digital Ocean droplet
- Part 10: Connecting it with a domain and add https
- Conclusion
Without further ado, lets start with the first part 😊