DEV Community: Dhyanesh Siddhartha

10 Best Websites for practicing Data Structures and Algorithms (DSA):

Dhyanesh Siddhartha — Thu, 02 May 2024 04:50:04 +0000

LeetCode
- Why to Use: LeetCode offers a vast array of problems categorized by difficulty level and topic, with the ability to run your code against multiple test cases. It's great for improving coding skills and preparing for interviews.
- LeetCode
HackerRank
- Why to Use: HackerRank provides a wide range of DSA problems along with contests and challenges to improve coding skills. It's popular for its practical coding challenges and interview preparation resources.
- HackerRank
CodeSignal
- Why to Use: CodeSignal offers a platform for DSA practice, as well as interview preparation with real-world questions. It's known for its comprehensive approach to coding assessments and skill improvement.
- CodeSignal
GeeksforGeeks
- Why to Use: GeeksforGeeks is known for its vast collection of DSA tutorials and articles. It also offers a practice section with a wide range of problems for hands-on practice. It's a comprehensive resource for learning and practicing DSA.
- GeeksforGeeks
CodeChef
- Why to Use: CodeChef provides monthly coding contests along with a practice section for DSA and competitive programming. It's popular for its challenging contests and strong community of competitive programmers.
- CodeChef
TopCoder
- Why to Use: TopCoder offers algorithmic challenges and contests for practicing DSA. It's known for its challenging problems and competitive environment, making it a great platform for experienced programmers.
- TopCoder
Project Euler
- Why to Use: Project Euler focuses on mathematical and computational problems that require the use of DSA concepts. It's popular among math enthusiasts and programmers looking for intellectually stimulating challenges.
- Project Euler
Interviewbit
- Why to Use: Interviewbit provides a curated set of DSA problems specifically tailored for interview preparation. It's a great resource for job seekers looking to ace technical interviews.
- Interviewbit
Spoj (Sphere Online Judge)
- Why to Use: Spoj offers a collection of algorithmic problems to solve online, with a focus on competitive programming. It's popular among competitive programmers for its extensive problem archive and challenging problems.
- Spoj
AtCoder
- Why to Use: AtCoder is a platform for practicing competitive programming with regular contests and a large problem archive. It's popular for its well-organized contests and high-quality problems.
- AtCoder

How to add LOGIN with Google in your WEBAPPS using Passport

Dhyanesh Siddhartha — Sat, 20 Apr 2024 10:18:09 +0000

_To add Google login to your web application using Passport.js, you'll need to follow these general steps:
_

Set up a Google Developer Console project:
- Go to the Google Developer Console (https://console.developers.google.com/).
- Create a new project.
- Navigate to "OAuth consent screen" under "OAuth 2.0 Client IDs" and configure your OAuth consent screen with the necessary details.
- Go to "Credentials" and create a new OAuth 2.0 Client ID. Select "Web application" as the application type.
- Add the authorized redirect URI for your application (e.g., http://localhost:3000/auth/google/callback).
Install Passport and Passport Google OAuth Strategy:

   npm install passport passport-google-oauth20

Configure Passport in your application:
- Initialize Passport and set up the Google OAuth 2.0 Strategy in your server file (e.g., app.js or server.js).
- Use your Google Client ID and Client Secret obtained from the Google Developer Console.

   const passport = require('passport');
   const GoogleStrategy = require('passport-google-oauth20').Strategy;

   passport.use(new GoogleStrategy({
       clientID: GOOGLE_CLIENT_ID,
       clientSecret: GOOGLE_CLIENT_SECRET,
       callbackURL: '/auth/google/callback'
   },
   (accessToken, refreshToken, profile, done) => {
       // Save user profile to your database or retrieve an existing user
       return done(null, profile);
   }));

   passport.serializeUser((user, done) => {
       done(null, user);
   });

   passport.deserializeUser((user, done) => {
       done(null, user);
   });

Set up routes for authentication:
- Define routes for handling Google authentication and callback.

   app.get('/auth/google',
       passport.authenticate('google', { scope: ['profile', 'email'] }));

   app.get('/auth/google/callback',
       passport.authenticate('google', { failureRedirect: '/login' }),
       (req, res) => {
           // Successful authentication, redirect home.
           res.redirect('/');
       });

Protect your routes:
- Use Passport's authenticate method to protect routes that require authentication.

   function ensureAuthenticated(req, res, next) {
       if (req.isAuthenticated()) {
           return next();
       }
       res.redirect('/login');
   }

   app.get('/profile', ensureAuthenticated, (req, res) => {
       res.render('profile', { user: req.user });
   });

Configure sessions (optional):
- If you want to use sessions to persist authentication state, configure Express session middleware and Passport session middleware.

   app.use(session({
       secret: 'your_secret_key',
       resave: false,
       saveUninitialized: true
   }));

   app.use(passport.initialize());
   app.use(passport.session());

Add a "Login with Google" button to your frontend:
- Create a button that redirects the user to /auth/google to initiate the OAuth flow.
Run your application:
- Start your server and test the Google login functionality.

How to Contribute to Open-Source Projects – Git & GitHub Workflow for Beginner s

Dhyanesh Siddhartha — Thu, 18 Apr 2024 15:40:24 +0000

Contributing to open-source projects can be a rewarding way to learn, collaborate, and give back to the community. Here's a basic workflow using Git and GitHub for beginners:

Step 1: Set Up Git and GitHub

Install Git: Download and install Git from git-scm.com.
Create a GitHub account: Go to github.com and sign up for an account.

Step 2: Configure Git

Set your username: Open Git Bash (Windows) or Terminal (macOS/Linux) and set your username using git config --global user.name "Your Name".
Set your email address: Set your email address using git config --global user.email "youremail@example.com".

Step 3: Fork a Repository

Find a project you want to contribute to on GitHub.
Click on the "Fork" button in the top right corner of the repository's page to create a copy (fork) of the repository to your GitHub account.

Step 4: Clone the Repository

Clone your forked repository to your local machine using git clone https://github.com/your-username/repository.git.
Navigate to the cloned repository using cd repository.

Step 5: Set Up Remote

Add the original repository as a remote named "upstream" using git remote add upstream https://github.com/original-owner/repository.git.

Step 6: Create a Branch

Create a new branch for your work using git checkout -b your-branch-name.
Make your changes to the code in your branch.

Step 7: Commit Changes

Stage your changes using git add . (for all changes) or git add filename (for specific files).
Commit your changes using git commit -m "Your commit message".

Step 8: Push Changes

Push your branch to your fork on GitHub using git push origin your-branch-name.

Step 9: Create a Pull Request (PR)

Go to your fork on GitHub and you should see a prompt to create a PR for your recently pushed branch.
Click on "Compare & pull request" to open a new PR.
Provide a title and description for your PR, and click on "Create pull request".

Step 10: Review and Merge

Wait for the project maintainers to review your PR. They may ask for changes or provide feedback.
Once your PR is approved, it will be merged into the original repository.

Step 11: Sync Your Fork (Optional)

To keep your fork up to date with the original repository, fetch the changes from the upstream repository using git fetch upstream.
Merge the changes into your local branch using git merge upstream/main (assuming the main branch is used) or git rebase upstream/main.
Push the merged changes to your fork using git push origin main.

That's a basic workflow for contributing to open-source projects using Git and GitHub. Remember to always follow the project's contribution guidelines and be respectful of the community.

JAVASCRIPT TUTORIAL FOR BEGINNERS

Dhyanesh Siddhartha — Wed, 17 Apr 2024 17:47:05 +0000

🚀 Level Up Your JavaScript Skills! 🚀

Hey Dev community! If you're looking to master JavaScript, I highly recommend checking out this incredible tutorial series: "JavaScript: A Beginner's Guide to Programming Magic". It's packed with clear explanations and hands-on examples that make learning JavaScript a breeze. Whether you're just starting or want to deepen your understanding, this tutorial is a gem! 💎✨ #JavaScript #LearnToCode #ProgrammingMagic #DevCommunity

Block Cipher Design Principles

Dhyanesh Siddhartha — Wed, 17 Apr 2024 16:56:40 +0000

Key Size: The key size should be large enough to prevent brute-force attacks. A larger key size means that there are more possible keys, making it harder for an attacker to guess the correct one. A key size of 128 bits is considered to be secure for most applications.

TAN STACK QUERY(REACT JS)

Dhyanesh Siddhartha — Wed, 17 Apr 2024 15:55:58 +0000

Tanstack Query is a powerful data fetching and caching library for React applications. It simplifies the process of fetching, caching, and updating data from your API, providing a seamless experience for developers.

You should consider using Tanstack Query in your project because it offers several benefits, such as:

Declarative Data Fetching: Tanstack Query allows you to declare your data dependencies in a declarative way, making your code more readable and maintainable.
Automatic Caching: It automatically caches the fetched data, reducing the number of unnecessary network requests and improving the performance of your application.
Optimistic Updates: Tanstack Query supports optimistic updates, allowing you to update your UI immediately and then sync the changes with the server in the background.
Server-Side Rendering: It provides support for server-side rendering, ensuring that your application performs well and provides a good user experience.

Overall, Tanstack Query can significantly simplify the data fetching and management process in your React project, making it a valuable addition to your toolkit.

Qualities of Bad Code

Dhyanesh Siddhartha — Wed, 17 Apr 2024 08:00:40 +0000

Excessive use of If-else in the code 2.Cyclomatic Complexity 3.Avoid Type checking (Instance Of) 4.Downcasting

Node js AsyncHandler

Dhyanesh Siddhartha — Sun, 14 Apr 2024 19:13:33 +0000

Tired of writing try and catch block in your routes and controllers while Backend Development??Here ,,*In a Node.js project, the async-handler package is often used to handle asynchronous operations in routes or controllers. It's particularly useful for handling asynchronous functions in Express.js middleware and route handlers