DEV Community: Sanket Bodake 🇮🇳

Digital Marketing Agency

Sanket Bodake 🇮🇳 — Wed, 02 Apr 2025 07:54:54 +0000

Digital marketing agency website build using HTML, CSS and JS

Let's Cook (Recipe Web App)

Sanket Bodake 🇮🇳 — Mon, 15 Jan 2024 10:23:32 +0000

Features

🔐 User Authentication with JWT Token:

Implemented user authentication using JSON Web Tokens (JWT) to ensure secure and seamless user experiences. Users can now enjoy personalised features and data security.

🔒 MongoDB Password Hashing:

I integrated bcryptjs to hash passwords before storing them in MongoDB. This added layer of protection ensures that user passwords remain confidential, even in the event of a potential data breach.

🍽️ Create and Save Recipes:

Empowered users to unleash their culinary creativity by providing a platform to create and share their favorite recipes. The app allows users to save and organize recipes shared by others, fostering a community of food enthusiasts.

🌐 MERN Stack Development:

Built on the MERN (MongoDB, Express.js, React, Node.js) stack, the Recipe Web App delivers a robust and scalable architecture. This full-stack approach ensures a seamless flow of data and interactions between the front and back end.

🔄 Redux Toolkit for State Management:

Optimized the application's state management with Redux Toolkit, ensuring efficient and predictable state changes. This approach not only enhances performance but also streamlines the development process.

🎨 Ant Design for Stylish UI:

Focused on delivering an aesthetically pleasing user interface, I utilized Ant Design to create a modern and responsive design. The result is an intuitive and visually appealing cooking platform that enhances the overall user experience.

Social Media Dashboard UI

Sanket Bodake 🇮🇳 — Fri, 22 Dec 2023 16:56:03 +0000

Social Media Dashboard Using HTML and CSS

Sending Emails with Node.js using Nodemailer

Sanket Bodake 🇮🇳 — Wed, 20 Dec 2023 13:22:01 +0000

What is Nodemailer ?

Nodemailer is a module for Node.js that simplifies the process of sending emails from a Node.js application. It provides an easy-to-use API for composing and sending emails using various email services and transport methods. With Nodemailer, you can send plain text emails, HTML emails, and even attachments.

Install Nodemailer

Use the following command to install nodemailer :

npm install nodemailer

Configure Nodemailer

Below is an example of configuring Nodemailer with Gmail using the SMTP (Simple Mail Transfer Protocol).

const nodemailer = require('nodemailer');

// Create a transporter object using Gmail SMTP
const transporter = nodemailer.createTransport({
    service: 'gmail',
    auth: {
        user: 'your-email@gmail.com',
        pass: 'your-email-password'
    }
});

// Additional configuration options
const mailOptions = {
    //...
};

// Send email
transporter.sendMail(mailOptions, (error, info) => {
    if (error) {
        console.error('Error:', error);
    } else {
        console.log('Email sent:', info.response);
    }
});

Additional Configuration Options

You can customise the email further by adding options to the mailOptions object.

const mailOptions = {
    from: 'your-email@gmail.com',
    to: 'recipient-email@example.com',
    subject: 'Test Email',
    text: 'This is a test email sent from Node.js using nodemailer.',
    html: '<p>This is a <b>test</b> email sent from Node.js using nodemailer.</p>',
    attachments: [
        {
            filename: 'attachment.txt',
            content: 'Attachment content'
        }
    ]
};

These options allow you to specify the sender, recipient, subject, email body (both plain text and HTML), and even attachments.

Conclusion

To wrap it up, Nodemailer is a handy tool in Node.js for sending emails easily. Whether you're just sending simple messages or dealing with more complex email tasks, Nodemailer is flexible enough to handle it. As you use Nodemailer, keep an eye on any updates and best practices to keep your email communication smooth and trouble-free. Enjoy coding!

So, If you find this helpful please like and share it with everyone.

Sharing is Caring!

Thank you :)

Show and Hide Password React

Sanket Bodake 🇮🇳 — Tue, 07 Nov 2023 05:52:44 +0000

Check out this Pen I made!

Creating a RESTful API with Node.js

Sanket Bodake 🇮🇳 — Sun, 05 Nov 2023 09:22:56 +0000

What is a RESTful API?

REST, which stands for Representational State Transfer, is an architectural style for designing networked applications. RESTful APIs adhere to this style and use HTTP requests to perform CRUD (Create, Read, Update, Delete) operations on resources. These resources are represented as URLs and are typically exposed in a structured manner for client applications to consume.

Prerequisites

Node.js and npm (Node Package Manager) installed on your system.

Step 1: Initialise a Node.js Project

To get started, create a new directory for your project and open a terminal in that directory. Run the following command to create a new Node.js project:

npm init

Step 2: Install Express

Express is a minimal and flexible Node.js web application framework that simplifies the process of building APIs.

npm install express

Step 3: Create an Express Application

In your project directory, create an server.js or index.js file. This is where your Express application will be defined.

const express = require('express');
const app = express();
const port = 4000;

app.get('/', (req, res) => {
  res.send('Hello, NodeJs!');
});

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

This simple Express application listens on port 4000 and responds with "Hello, NodeJs!" when you access the root URL.

Step 4: Define Routes and Implement API Endpoints

Now, let's create some routes and implement API endpoints. In a RESTful API, routes represent resources and HTTP methods (GET, POST, PUT, DELETE) define the actions.

// GET request to retrieve all items

app.get('/api/items', (req, res) => {
  // Implement logic to retrieve and return items
});

// GET request to retrieve a single item by ID

app.get('/api/items/:id', (req, res) => {
  // Implement logic to retrieve and return a specific item
});

// POST request to create a new item

app.post('/api/items', (req, res) => {
  // Implement logic to create a new item
});

// PUT request to update an existing item by ID

app.put('/api/items/:id', (req, res) => {
  // Implement logic to update a specific item
});

// DELETE request to delete an item by ID

app.delete('/api/items/:id', (req, res) => {
  // Implement logic to delete a specific item
});

Step 5: Start the Server

After defining your routes and implementing the API endpoints, start the server by running:

node app.js

Step 6: Test Your API

Use tools like Postman or cURL to test your API endpoints. You can send GET, POST, PUT, and DELETE requests to interact with your API and verify that it behaves as expected.

Conclusion

With the Express framework, you can easily define routes, implement API endpoints, and handle HTTP requests and responses. This blog provides a basic overview of the process, but there's much more to explore and learn. As you become more comfortable with Node.js and Express, you can enhance your API with features like authentication, validation, and error handling to create a production-ready, scalable, and secure API.

💡 Bonus : Automate Development with Nodemon

Developing a Node.js application can be made significantly more efficient with the help of a fantastic tool called Nodemon. Nodemon offers the convenience of automatic server restarts whenever you make changes to your code, which is a massive time-saver during development.

Step 1: Installation

Start by installing Nodemon as a development dependency in your project. Open your terminal and run the following command:

npm install nodemon

Step 2: Update Your npm Scripts

Once Nodemon is installed, you can update your npm scripts in the package.json file to use Nodemon. Here's an example of how you can modify the start script:

"scripts": {
  "start": "nodemon app.js"
}

Now, when you run npm start, Nodemon will monitor your project files and restart the server automatically when changes are detected.

Hot Reloading

One of the most appreciated features of Nodemon is its support for "hot reloading." When you make changes in your code, Nodemon ensures that the new code is applied instantly without any manual intervention. This immediate feedback is invaluable for rapid development and debugging.

So, If you find this helpful please like ❤️ and share it with everyone.

Sharing is Caring!

Thank you :)

Hover Effects

Sanket Bodake 🇮🇳 — Sun, 05 Nov 2023 09:10:34 +0000

Check out this Pen I made!

School Dashboard UI

Sanket Bodake 🇮🇳 — Thu, 29 Jun 2023 18:40:09 +0000

School Dashboard UI Build using HTML , CSS and jQuery Features * Responsive * Student Profile * Sidebar * dark mode

Form Submit Message

Sanket Bodake 🇮🇳 — Sun, 11 Jun 2023 16:51:29 +0000

Modal

Sanket Bodake 🇮🇳 — Wed, 31 May 2023 18:38:07 +0000

Scroll Animation | ScrollReveal

Sanket Bodake 🇮🇳 — Fri, 17 Feb 2023 16:59:25 +0000

Scroll animation using ScrollReveal Js library

Character Counter

Sanket Bodake 🇮🇳 — Fri, 03 Feb 2023 16:07:12 +0000