DEV Community

loading...

CRUD APP with Nodejs, Cloudinary, PostgreSQL and Heroku

ebereplenty profile image NJOKU SAMSON EBERE ・4 min read

Introduction

Life in web development keep getting better with many beautiful tools available to us. These tools are also free. Allow me to introduce a few to you and teach you how to use them to build a simple application.

Express

Express Node

Express is a Fast, unopinionated and minimalist web framework for Node.js. It is a highly sort out framework with more than 13 million weekly downloads.

Cloudinary

Cloudinary

Cloundinary has been taking the lead in managing images. You can use it to efficiently create, manage, and deliver images, videos and other media, personalized and optimized for every device and channel.

PostgreSQL

PostgreSQL

PostgreSQL is a powerful, open source object-relational database system with over 30 years of active development that has earned it a strong reputation for reliability, feature robustness, and performance.

Heroku

Heroku

Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud. In order words, it provides you a place to host your application.

Now you see how powerful these tools are. Perhaps you also see why these tools are so popular in web development. In this article, I will take you from the scratch step by step on how to bring these tools together to create an application.

The end product will be a CRUD (Create, Read, Update, Delete) application which allows you to upload images to cloudinary (Create), retrieve the image (Read), edit the image (Update) and destroy the record (Delete). Let's get started.

Building a CRUD Application

Create a server

Server

This is where nodejs applications begin. This is the initial setup that will be the foundation of every other thing. In the article below, I explained how to build a Simple, Secure and Robust Node JS Server

Setting Up a Simple, Secure and Robust Node JS Server

Introduction to Cloudinary

Here, I show step by step how you can upload images to cloudinary with just nodejs. Read Below:

Image Upload to Cloudinary with Nodejs and Dotenv

Upload and Retrieve Images

Upload Image

Now, after uploading our images to cloudinary through nodejs, it is almost useless if we can not retrieve or use them. This is where PostgreSQL comes to play. In the next article, I teach you how to keep the record of each image you upload

Cloudinary and Postgresql - Persisting and Retrieving Images Using Nodejs

Update and Delete Images

Delete

Sometimes certain data or information might become useless and so we may need to either update them or delete them totally. In the article that follow, I will guide you on how to update the image you uploaded and/or delete it if you wish. Read below:

Cloudinary and Postgresql - Deleting and Updating Images Using Nodejs

Restructuring Our Code

Restructure

You must have noticed that our code is becoming very lengthy. Now we will break down the code into smaller modules. This will make it easy to read and maintain. Check out the next article below:

Nodejs Code Structure Optimization With Express Routing

Hosting

Hosting

Our application is complete. We now want to make it available to as many people as possible who will like to use it. Heroku provides us with the needed tools. I have written in details how you can save your project on github and host it on Heroku. Read below:

Pushing to GitHub and Hosting on Heroku With Postgres for Free

Conclusion

If you are coming from a background where you managed images on your own, then you will have appreciated cloudinary. No doubt, we have learnt a lot and you are armed with enough tools to build real world applications that are robust and scale-able.

All Codes are found here

Very Soon, I should make a series on authentication with mongoDB, nodejs and React.

Thank you for reading.

Discussion (0)

pic
Editor guide