DEV Community: Miracle Anyanwu

Overriding the leading property on Appbar in Flutter

Miracle Anyanwu — Thu, 20 Jun 2019 16:50:09 +0000

To override or remove the left leading property in Flutter, simply pass a Container() widget as the leading value.

Example

Building a file sharing app with Node.js, Vue.js, Cloudinary, and MySQL - Part 3

Miracle Anyanwu — Thu, 28 Mar 2019 01:31:34 +0000

In this part, we will create our database and write some of the API that will power our application. Now, let's get started!

Requirements

To follow along with this series, you need the following parts: Part 1, Part 2
You will also need to create an account on Cloudinary

Building our app

In our connection.js file, populate it with the following code:

The code above handles our database connection parameters.

Next, we create our application entry file index.js and our environment variable file .env in our application project root directory. We then populate our index.js with the following code:

In our entry index.js file, we imported the express, cors, dotenv, and the cloudinary packages. We also defined our cloudinary configuration parameters (which we will insert later in our .env variable file). Also, we defined our 404 and 500 HTTP response fallback routes, and then, we started our local server on port 3000.

In our .env file, populate the following with your database configuration information and your cloudinary secrete that can be found on your cloudinary dashboard.

Replace all the value positions with your correct database and cloudinary configuration information.

Creating our database

Our MySQL database schema will look like this. If you do not have a suitable MySQL database workbench, you can download MAMP

Conclusion

In this part of the series, we have created our database, populated our index.js and added our database and cloudinary configuration information.

In the next part, we will be implementing the core API that will power our application.

The source code is also available on GitHub

See you in the next part!

Hi, I'm Miracle Anyanwu (PolymathWhiz)

Miracle Anyanwu — Wed, 20 Mar 2019 22:37:13 +0000

You can find me on Twitter and GitHub, Instagram and the web as @polymathwhiz.

I love JavaScript but I've played with other exciting languages.

I'm so happy to meet you all!

Building a file sharing app with Node.js, Vue.js, Cloudinary, and MySQL - Part 2

Miracle Anyanwu — Wed, 20 Mar 2019 21:29:58 +0000

In this tutorial, we will be creating an application that lets an individual upload an image. After uploading, the system generates a unique downloadable link that automatically disappears after 3 hours.

Getting Started

We will set up our Node.js API using NPM, and then install some packages that will enable us to complete some tasks without having to rebuild the wheels.

Project Structure

Let's setup our Node app

Application Folder

This is how our application folder will be like

Application Packages

You should have created the project folders at this point to house all the source code. This app depends on a couple of packages and we will use npm to install them. Navigate to the project directory you just created and you should have seen that the npm init command automagically created a package.json file with the content below.

Installing addition dependencies

We need to install the following dependencies to make our work easy to implement

dotenv - Loads environment variables from .env for nodejs projects.
express - Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
cloudinary - Cloudinary is a cloud service that offers a solution to a web application's entire image management pipeline.
cors - CORS is a node.js package for providing a Connect/Express middleware that can be used to enable CORS with various options.
multer - Multer is a node.js middleware for handling multipart/form-data, which is primarily used for uploading files. It is written on top of busboy for maximum efficiency.
mysql2 - fast node-mysql compatible mysql driver for node.js
nodemon - Monitor for any changes in your node.js application and automatically restart the server - perfect for development
request - Simplified HTTP request client.

Now let's run the npm install command or npm i for short

Conclusion

In this article, we went through generating our node app and downloading the necessary dependencies we need in our app. In the upcoming series, we will be putting the downloaded dependencies to good use and writing our custom functions. We will also be designing our database to handle our data.

See you in the next article!

Building a file sharing app with Node.js, Vue.js, Cloudinary, and MySQL: Part 1

Miracle Anyanwu — Wed, 20 Mar 2019 00:18:08 +0000

In this tutorial series, we will be creating a secure file sharing app with links that automatically expires using Node.js for the API, Vue.js for the frontend, Cloudinary to host our images and MySQL for storing the records.

In the upcoming series, we will be going from an idea to a fully functional secure file sharing application.