DEV Community: Nikhil Bobade

Try NoSQL, Get Started with MongoDB

Nikhil Bobade — Thu, 18 Jul 2024 07:02:28 +0000

What is a MongoDB:

MongoDB is a non-relational database, which means that data is stored as collections.

MongoDB also supports BSON (Binary JSON), a binary-encoded form of JSON that allows for additional data types such as binary, decimal, object ID, and so on.

MongoDB has its own query language, based on JSON and JavaScript grammar, for querying and MongoDB is a non-relational database, which means that data is stored as collections, with each document representing a record and each field representing a value.

Installation for MongoDB?

1st Login to your mongoDB account after doing login create a new cluster for your database as per your requirements. also mongoDB offers free cluster for beginner’s if they want to learn mongoDB. :)

Installation Steps:

Package Manager Installation:

Update the package list: sudo apt update (for Debian-based systems) or equivalent.
Install MongoDB: sudo apt install -y mongodb-org (for Debian-based systems) or equivalent command for other package managers.
Start MongoDB service: sudo systemctl start mongod.
Enable MongoDB to start on boot: sudo systemctl enable mongod.

Cloud Installation (MongoDB Atlas):

Sign up or log in to MongoDB Atlas.
Follow the guided steps to create a cluster.
Configure security settings and connect your application.

Optionally, install MongoDB Compass or other management tools for easier database administration and visualization.

Basic CRUD in MongoDB?

First, ensure MongoDB is installed and running. You can connect to MongoDB using the MongoDB shell or a MongoDB client such as MongoDB Compass.

In MongoDB, databases and collections are created implicitly when data is first stored. To switch to a specific database or create one explicitly, use the following commands: (use mydatabase)

To insert data into a collection (equivalent to a table in relational databases), use the insertOne() or insertMany() methods:

// Insert a single document into a collection
db.users.insertOne({ name: "John Doe", age: 30, email: "john.doe@example.com" });

// Insert multiple documents into a collection
db.users.insertMany([
    { name: "Jane Smith", age: 25, email: "jane.smith@example.com" },
    { name: "Michael Johnson", age: 40, email: "michael.johnson@example.com" }
]);

Read (Find Documents)
To retrieve data from a collection, use the find() method with optional query criteria:

// Find all documents in a collection
db.users.find();

// Find documents matching specific criteria (e.g., find users older than 35)
db.users.find({ age: { $gt: 35 } });

// Find a single document by its _id
db.users.findOne({ _id: ObjectId("insert-id-here") });

Update (Update Documents)
To update documents in a collection, use the updateOne() or updateMany() methods:

// Update a single document matching a query
db.users.updateOne(
    { name: "John Doe" },
    { $set: { age: 31, email: "john.doe.updated@example.com" } }
);

// Update multiple documents matching a query
db.users.updateMany(
    { age: { $lt: 30 } },
    { $set: { status: "inactive" } }
);

Delete (Delete Documents)
To remove documents from a collection, use the deleteOne() or deleteMany() methods:

// Delete a single document matching a query
db.users.deleteOne({ name: "John Doe" });

// Delete multiple documents matching a query
db.users.deleteMany({ status: "inactive" });

Pros of using MongoDB:

Suitable for unstructured and dynamic data, where the schema and relationships change over time.
MongoDB provides greater simplicity and agility since it does not require a predefined schema, allowing for more flexible and expressive data models.
Scalable and performant, it can easily manage massive amounts of different data and distribute it over several servers.

Thank You for reading this post for more like this follow to my account and let me know if you have a suggestions in comment section.

Creating a Dynamic and User-Friendly Pagination System with HTML, CSS, and JavaScript

Nikhil Bobade — Wed, 08 Feb 2023 14:09:10 +0000

Pagination is a widely used technique for dividing a large set of data into smaller and more manageable chunks, making it easier for users to navigate and view the information they need. It's a common feature on websites, especially e-commerce sites, where products are displayed in a grid format and users can navigate through multiple pages to view more items. In this blog post, we will explore the basics of pagination, why it's important, and how to implement it in your web application using HTML, CSS, and JavaScript.

To implement pagination in your web application, you will need to use HTML, CSS, and JavaScript. In the example code below, we will create a simple pagination system with five pages. The active page will be highlighted in blue, and users can navigate to the next or previous page using the arrow icons.

In the CSS, we use flexbox to center the pagination links and add a blue background to the active page. We also use Font Awesome icons for the left and right arrows. In the JavaScript, we first get a reference to all the pagination links and set the current index to the active page. Then, we use a forEach loop to add a click event listener to each link, so that when a user clicks on a link, it becomes the active page.

Finally, we add click event listeners to the left and right arrows to navigate to the previous or next page. When a user clicks on an arrow, the active class is removed from the current page and added to the new page.

Image Animation Using HTML CSS & GSAP

Nikhil Bobade — Sun, 16 Jan 2022 13:04:53 +0000

Hello Guys,

Today I Created an Amazing Image Animation using HTML CSS & GSAP Animation. To animate the image I use the GSAP.timeline() and gsap.from() method to achieve this effect. If you had multiple images on your website then use for each method like me else use a direct timeline method.

I hope you like this also comments about your thoughts. also For more content follow me on Instagram @developer_nikhil27.

Thank you 🙂!

Responsive Animated Login Form Using HTML CSS & GSAP

Nikhil Bobade — Sun, 05 Dec 2021 14:33:54 +0000

Hello Guys,

Today I Created an Animated Responsive Login Form using HTML CSS & GSAP For Animation. I hope you like this also comments about your thoughts. also For more content follow me on Instagram @developer_nikhil27.

Thank you 🙂!

Video Animation Using HTML & GSAP

Nikhil Bobade — Fri, 03 Dec 2021 15:35:16 +0000

Hello Guys,

Today I Created an Video Animation using HTML CSS & GSAP Animation. In this post I use simple video and GSAP for increase video width on scroll and some other code to show title and subtitle. I hope you like this also comments about your thoughts. also For more content follow me on Instagram @developer_nikhil27.

Thank you 🙂!

Responsive Footer Using HTML & CSS

Nikhil Bobade — Wed, 01 Dec 2021 15:32:19 +0000

Hello,

How are you guys today I writing this post after to much request from you. In this post I created simple responsive footer using HTML & CSS.

You can also create a good and responsive footer after using this I use flex and grid so its responsive for all the media query you can be use any of this to create a footer but I code this footer for beginners. if you are good in frontend then you don't need to write this much of code. I use 2 media query for this post.

I hope you like this also comments about your thoughts. Please Follow on Instagram For More Content. @developer_nikhil27.

Thank you 🙂!

Animated Profile Card Using HTML CSS & GSAP

Nikhil Bobade — Sun, 28 Nov 2021 14:15:26 +0000

Hello Guys,

Thank you guys for my last post response. Today I Created an Animated profile card using HTML CSS & GSAP Animation. I use the simple card and use GSAP timeline() to animate the card using gsap.from() you can animate a card. I hope you like this also comments about your thoughts. also For more content follow me on Instagram @developer_nikhil27.

Thank you 🙂!

Checkout new post

Responsive Footer Using HTML & CSS

Nikhil Bobade ・ Dec 1 '21

#html #webdev #beginners #css

Responsive Navbar Using HTML & CSS

Nikhil Bobade — Sun, 21 Nov 2021 13:53:22 +0000

Hello,

How are you all I am writing this post after so long break. Today I Created a simple responsive header menu using HTML & CSS I hope you like this also comments about your thoughts. also For more content follow me on Instagram @developer_nikhil27.

Thank you 🙂!

Get started with github

Nikhil Bobade — Sat, 02 Oct 2021 07:43:13 +0000

Hey guys hacktoberfest is started if you don’t know about GitHub or what is GitHub how its use so this is useful post for you.
In this post you learn how to use GitHub and create your 1st pull request with using GitHub. and also after 4 successful pull request you will be get free t-shirt from hacktoberfest event. so learn and participate in event.

What is GitHub:-

GitHub is a web-based interface that uses Git, the open source version control software that lets multiple people make separate changes to web pages at the same time. As Carpenter notes, because it allows for real-time collaboration, GitHub encourages teams to work together to build and edit their site content.

GitHub Account and create repo :-

1.go to github.com and simple create your account .
2.Create a new repository
3.To create a new repository, select New Repository from the + sign dropdown menu (you can see I've selected it in the upper-right corner in the image above).
4.Enter a name for your repository (e.g., "portfolio") and click Create Repository).
5.Your 1st repo is created. 😊🎉

Now we are moved to next step :-

1.Download git from browser.
2.https://git-scm.com/ .
3.simple download and install the git software

Simple now open your command prompt or PowerShell 💻

1.Now we are Create folder for your project folder use this command (mkdir Demo).
2.Change your terminal to the Demo directory with the command (cd Demo).
3.Now create your 1st file readme file and save as (readme.md)

yeah 😀 Now its time to add our file in GitHub

1.Use command ( git init )in terminal .
2.and add that file in git like git add (filename) or git add . there are to add multiple file we are use ( git add . ).
3.add your remote URL
4.git remote add origin https://github.com//Demo.git
5.then use command for commit the changes ( git commit -m “first commit”
6.After this you can be use git status to check the your files .
if you want to change the branch use this command (git branch -m main)
7.now its time to push your code or files to GitHub
8.Use git push -u origin main

Congratulations! 🎉🎉🎉 You have create your 1st requst to git now if you want to learn more comment git at this post or simple check github docs .

Thank You.

A collabration with Geeky4u Did you find it helpful let me know in comments.

5 Amazing Mind Mapping Application

Nikhil Bobade — Mon, 20 Sep 2021 13:53:48 +0000

Hello,

How are you all Today this post about the 5 Amazing Mind Mapping Websites every developer know a mind mapping website is very useful with this you can create a prototype or your website flow. I hope you like this also comments about your thoughts. also For more content follow me on Instagram @developer_nikhil27.

1.Coggle - Best website for flow or Mind Mapping

Coggle

2.Mind Meister - For Professional

Mind Meister

3.X Wind

X Wind

4.Mindomo - For more features

Mindomo

5.Gliffy - Easy to use with more features

Gliffy

Thank you 🙂!