Who is this for: Undergrad CS Students looking to bridge the gap between academic and industry knowledge

What this is: Exploring the world of web development with mentorship from experienced software engineers and documenting my personal experience

What this is not: A video lecture series, there won’t be any tutorials

Anyone interested in embarking this journey together is most welcomed — more the merrier

Contents:

2. HTTP/HTTPS and APIs

3. Internet

4. Understanding how browsers render websites

5. REST API: An Introduction

6. An Introduction To Spring Boot

7. Spring Boot: Spring Boot Annotations

8. Building REST…


Are you a Potterhead? You better be because we are going to build a demo Django-react app that will store and display the magical Spells and some fascinating descriptions about them!

Now let Voldemort do his dark magic and let us focus on building the app ;)

Create a folder/directory that would contain both frontend and backend.

$ mkdir Hogwarts
$ cd Hogwarts

Starting the virtual environment:

virtualenv venv -p python3.6# Activating the virtual environment
source venv/bin/activate
#It should look something like:
(venv) radhika@radhika:~/Hogwarts$

Install Django:

pip install Django

Let's create a Django project ‘Hogwarts’

django-admin startproject Hogwarts


The Ear Training App refers to building a quiz for music learners that would ask the user to guess the key/scale of the songs from the user’s Spotify playlist, searched Albums, and Top Tracks of searched Artists using Spotify Web APIs.

This article covers building the backend, setting up the database (PostgreSQL), building REST API calls at both backend and frontend.

If you want to refer to any of: Introduction to Spring Boot, Building REST APIs, Connecting PostgreSQL to the backend, introduction to React and the working of the UI, go to my blog series on ‘Road-To-Web-Development’:

Let's get started…


Have a look at the first part of this series: OAuth 2.0 & Spotify Login with React.

In this article, we will see how to build a quiz for music learners that would ask the user to guess the key/scale of the songs from the user’s Spotify playlist, searched Albums and Top Tracks of searched Artists using Spotify Web APIs.

The required output will be:

For the article, I am using React-Bootstrap for better UI, and this spotify-web-api library for ease in using the Spotify Web APIs.

Quiz: User Playlists

1. Getting User’s Playlists:

After the user logs in and goes for…


This article requires a basic understanding of web development and React, please check the ‘Road to Web Development’ series to learn the basics.

Before getting into the technical terms, let me tell you that you must have seen or used “Sign In with Google”(like below) or with any other application to access any third-party app(that needs user authorization).


This is a part of my ongoing series about exploring the Road To Web Development, you can find the rest of the blogs here

This article is about creating the frontend of the sample application discussed in the previous articles(A simple application that stores the Song data entered by the user using the POST method and displaying the same using the GET method.), and also the API calls to connect the frontend with the backend that will result into a fully functioning application.

To get started with the react app, go through the given link.

As I have used React…


This is a part of my ongoing series about exploring the Road To Web Development, you can find rest of the blogs here

What is React JS?

React is a front-end JavaScript library developed by Facebook which is used to develop interactive UI’s (User Interfaces).

ReactJS is only a front-end library and not the whole framework, which deals with the View component of MVC (Model View Controller).

It is currently one of the most popular JavaScript front-end libraries which has a strong foundation and a large community supporting it.

Why React JS:

The main point is to differentiate a framework without React JS Vs a framework with…


This is a part of my ongoing series about exploring the Road To Web Development, you can find rest of the blogs here

What is Java ORM?

ORM(Object Relational Mapping) is mapping the java objects to the relational database tables and vice-versa. The ORM layer converts Java classes and objects so that they can be stored and managed in a relational database.

ORM helps to achieve the persistence of your application. Achieving the persistence of the java application conveys that the application data outlives or survives the application process.

What is JPA?

The Java Persistence API(JPA) is basically a possible approach to java ORM(Object Relational Mapping). It…


In this article, we will see how to connect the database to our code. The project explained here is about creating and viewing a Song database containing the data entered by the user.

This article is in continuation of my previous article(link is given below), but none of the concepts are skipped. I have tried to explain all of it to a certain level.

Here I am using PostgreSQL that is a powerful, open-source object-relational database system.

As to provide a database to our code, we need to set up PostgreSQL on our computer. …


This is a part of my ongoing series about exploring the Road To Web Development, you can find rest of the blogs here

In this article, we will see how to build a sample Spring Boot project using IntelliJ.

The overview of this project is to create and view a list of Songs. We’ll be using SongRepository to maintain a list containing objects of the class Song, and build REST methods on top of it to modify the same. I have tried to explain the code in a detailed manner.

I will be explaining each and every step from starting…

Radhika Sheth

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store