DEV Community

Cover image for 🎨 Front-end v/s Back-end ⚡️
Kaiwalya Koparkar
Kaiwalya Koparkar

Posted on • Updated on

🎨 Front-end v/s Back-end ⚡️

Hello everyone, are you amongst the ones who really get confused while listening to this term. No worries today I am going to explain this to you super quickly using a story. After the end of this blog you will understand the following :

  1. Front-end
  2. Api's
  3. Server (Back-end)
  4. Database (Back-end)

📌 Storytime!

Okay! so take a daily life example of you being hungry and there's no food at home (Or you are super bored to cook one yourself). So you get your phone give an order to the delivery boy (of any food delivery application). That boy delivery boy goes to the hotel asks the manager for your order. The kitchen prepares your order and hands it over to the manager. Then the manager does the billing tasks and hands it over to the delivery boy. Then the delivery boy delivers it to you and you enjoy your food. 😃

Now how is this story relevant to Front-end and Back-end?

Replace the entities of this story with the techs.

You -> Front-end
Delivery boy -> API
Hotel - Backend (Manager -> server , Kitchen -> Database)

Front-end gives a call to API. Then API asks the server for the required data is received from the call. The server processes the information and fetches the data from the database. Then server returns the data to the API call. Then the frontend fetches the data from the API.

Hopefully, you have got a clear picture of how this thing actually works.

If I have explained anything wrong, please do let me know in the comments below. I am still learning and would love to improve my knowledge 😄

❤️ Thank you for reading ❤️

🌏 Like | Follow | Share 🌏

Top comments (0)