If you created Vue project via vue create my_proj and had eslint enabled in the options, You should get a .eslintrc.js in the root folder. Sometimes, I have seen it isn’t created. Worry not, here is how you can generate it manually. Make sure you have eslint module in node_modules folder. Then in console, do […]
Here is how to avoid wrapping of text in elements like btn, div etc (block, or inline-block elements). add this to the btn styling: white-space: nowrap;
I was writing a navigation bar and wanted to center some buttons in the navbar. Here is how I did it. Note that there are many items in nav-bar which is not very good in terms of material design principles (for smaller screens). If there are that many items, it is advisable to put a […]
Install axios npm install –save axios Then goto src/ folder and add a file called RestAPIService.js. In this file we will reside all our AXIOS interfacing code and Rest API calls. The RestAPIService.js looks like this:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
import axios from 'axios'; const API_URL = 'http://localhost:8000/api'; export class RestAPIService{ constructor(){ } async getCodes() { const url = `${API_URL}/v1/codes/`; return axios.get(url).then(response => response.data); } async getRate(from_curr, to_curr) { const url = `${API_URL}/v1/rates/?from_curr=${from_curr}&to_curr=${to_curr}`; const response = await axios.get(url).then(response => response.data); return response } } |
The Service has two methods getCodes and getRate. They hit the respective endpoints to get currency codes and […]
Any command given with manage.py is called management command. Django comes with many built-in management commands like runserver, startapp etc. To see a full list of built-in management commands, type: python manage.py help The benefit of management command script is that this script executes within Django environment. You can run all of Django ORM queries […]
Logging is extremely necessary, during development and production. There are two ways to implement logging. In apps with high scale, we log to console and then have some in-the-cloud solution like Sentry to log the messages from the console. This is great because large scale apps often run on multiple servers and we can converge […]
We have been building Currency Converter using Vue.js. In the part-1 we built the basic layout of the app with navbar. In this tutorial we will setup a form with validation. The code for this is here. Please note that the code has been committed under commits matching with Parts. So for complete code for […]
.NET does not have an easy way to directly deal with .pem format files generated using OpenSSL. I had to look into Bouncy Castle library to do it. Lets see how. We will also generate a dummy payload and then sign it using the generated pem keys and then verify it. First let us generate […]
In this series, we will be building front-end app Currency Converter using Vue and Vuetify. The code for this is here. Please note that the code has been committed under commits matching with Parts. So for complete code for this tutorial, please refer to commit branch “part-1”. Pre-requisites: Please ensure that npm-cli is installed. You […]
unsplash-logoIan Schneider This is a list of what I do when I setup a new DRF project. I am assuming that pipenv is already installed. Also, assuming that Python 3.5+ already installed in the base environment. For those in Python add ‘django-extensions’ to INSTALLED_APPS Setting up pytest We will setup the skeleton for testing first. […]