Skip to main content

URL shortener with python and flask- Chapter 0 - Introduction

In this tutorial series, we will use flask to create a URL shortener service. At the end of this tutorial series, I am expecting that you will be in a position to extend this knowledge for use in some other application.

Outcome

It is always better to start with the end in mind. So at the end of this tutorial series you will have a website something similar to the following image:
URL shortening service with python website outcome
URL shortening service with python website outcome
As you can see, the outcome will only have a textbox to accept the user input which on submission will return a shortened URL. Please remember that in the initial stages we will be using the localhost and once the website is ready then I will give you a hint on how to upload the website to a hosting service. Once you upload the functioning website to a hosting service your users can use this service to create shortened URLs.

What should you know?

I am expecting just the python basics like for loop, while loop, if else, functions etc. If you are a novice programmer and don't know the basics of python, then you should go to the official documentation and read from there.

If you have already programmed before and just want to learn python, then you can learn from the 10 minutes python tutorial. This tutorial is really great and even the people who are novice programmers can also cope up with this.

Apart from python, I am expecting a basic knowledge of HTML, CSS and Javascript. Even if you are not aware of these scripting languages, you can complete this tutorial series without any problem. But remember that you cannot be a web developer without knowing the basics of HTML and CSS. If you want to learn the web technologies then you should start from Mozilla Network.

A little bit of knowledge in databases is also welcome.

Why am I writing this tutorial?

Whenever I used a URL Shortening service I always wanted to build one using my programming skills. When I was young I only knew HTML and CSS, not even Javascript. After a year or so I have learned javascript. But even with these languages, I was not able to use any databases which were really essential for creating this kind of services. Then a year later I learned python with which sky is the only limit. Soon I learned Bottle. Bottle was so easy that you can use it directly without any experience. After that, I have learned flask. But with flask it had a lot of features and without touching any tutorial. In this tutorial series, I have broken down the bigger tutorial series into a lot of smaller parts and because of this, you will learn a lot of things faster and without any trouble understanding the complex parts involved.

I am hoping that you will enjoy this tutorial series and apply the knowledge learned from this tutorial series in some of your projects.

In the next chapter(Chapter 1), we will start programming with flask and will try to understand some of its core features. Please do remember that we will not go in depth in any of the parts in this tutorial series. We will try to give you a kick start for making use of the project and you have to go to the project documentation for more information.

As always I will be glad to hear your doubts if any. Comment in the comment box below and I will reply to your comment as soon as possible.

Popular posts from this blog

Problem 60 Project Euler Solution with python

Prime pair sets The primes 3, 7, 109, and 673, are quite remarkable. By taking any two primes and concatenating them in any order the result will always be prime. For example, taking 7 and 109, both 7109 and 1097 are prime. The sum of these four primes, 792, represents the lowest sum for a set of four primes with this property. Find the lowest sum for a set of five primes for which any two primes concatenate to produce another prime. This problem is j u st a brute force problem. If you have come here because you don't know the limit upto which you will h ave to gener ate the prime numbers t hen go ahe ad and t r y with 10,000 . When I first start ed solving the problem I chose 1 million(beca use most of the problem s on project E uler have this limit ), but it took very long for the computer to fin d the solution. After searching on the internet then I found many people choosing 10, 000 so I have changed my in put f rom 1 million to 10000 and the output was f ast. He

Add/Embed SVG to Blogger website

In this post I will tell you my method(trick) of adding SVG images in a blogger website or blog. Before starting , the first thin g I am assu m ing is that you are aware of SVG if you are here. If not please see S calable V ec tor G raphics Recently when I tried to embed a SVG image for a post on pygal, I tried uploading the SVG file and blogger Image uploader came up with an error, because of which I had to find some other way.  SVG File upload Error in Blogger  I started sea rc hing Google " Embed SVG in Blogger " . I found blogorrhea , w h ich gave some i nformatio n on add ing SVG directly as a markup , which worked , but I faced another problem using this . Also th is guy has used lot of Javascript which was confusin g for me, being new to using SVG.   So I first t houg ht of learning on h ow to embed SVG in HTML and t his on e worked out. Actually we can embed SVG in HTML i n following ways: Using Object tag Using Iframe tag Using embed tag Us

Making a quiz web app with python and flask

Edit : When you are creating a web app with h tml templates, then y ou will have to sa ve the html file in templates folder in the Current Wor ki ng Directory( CWD). If you save the file in the C W D directl y you will get a TemplateNotFound error. Thank you Udhay for pointing it out.   In this post we will create a quiz website using python . I will be using the flask framework . After reading this tutorial you will learn form submission , flask templates , python code in flask templates , shuffling the questions and options with the random module and few others.  Please note that this tutorial is not big as it seems to be. Some of the code has been rewritten to maintain consistency and also font size is somewhat big so that your eyes won't get stressed reading this tutorial. Also the content has not occupied the full width of the page. In this tutorial I am assuming that you are having a very basic understanding of the flask framework . Please refer the documentation