DEV Community: Priyanshu mundra

Developer Tutorial on Umi

Priyanshu mundra — Sat, 07 Oct 2023 21:01:50 +0000

Umi: Building Enterprise-Class React Applications

Umi is a powerful React application framework tailored to help developers build robust, enterprise-class applications. It offers a range of features facilitating the development and maintenance of large-scale applications:

1. Routing: Umi boasts a robust routing system that simplifies the creation of intricate routing patterns.

2. Code Splitting: Umi automatically divides your code into separate bundles, enhancing application performance.

3. Internationalization: Umi integrates built-in support for internationalization, streamlining the translation of your application into multiple languages.

4. Testing: Umi provides various features for easy application testing, including unit testing, integration testing, and end-to-end testing.

5. Plugins: Umi offers a plugin system, making it effortless to extend Umi's functionality. Numerous plugins are available to augment Umi with features like different CSS preprocessors and JavaScript libraries.

Getting Started with Umi
To begin using Umi, start by installing the Umi CLI globally using the following npm command:

npm install -g @umijs/cli

Once the CLI is installed, create a new Umi project with:

umijs create my-umi-project

This command will initialize a new Umi project in the "my-umi-project" directory.

Running Your Umi Application
You can run your Umi application using the following command:

npm start

This command launches a development server on your local machine. Open your web browser and navigate to http://localhost:3000 to view your application.

Building Your Umi Application
To build your Umi application for production, execute:

npm run build

This will generate a production build of your application in the "build" directory.

Deploying Your Umi Application
After building your Umi application, deploy it to any production environment that supports Node.js.

Code Snippet
Here's a simple Umi application represented in a code snippet:

javascript

import React from 'react';

import { BrowserRouter as Router, Route, Link } from 'react-router-dom'; const Home = () => ( <div> <h1>Welcome to Umi!</h1> <Link to="/about">About</Link> </div> ); const About = () => ( <div> <h1>About Umi</h1> <p>Umi is a React application framework designed to assist developers in building enterprise-class applications.</p> </div> ); const App = () => ( <Router> <div> <Route path="/" exact component={Home} /> <Route path="/about" component={About} /> </div> </Router> ); export default App;

This code showcases a basic Umi application using React components and routing.

In summary
Umi stands out as a robust React application framework, engineered to assist developers in crafting enterprise-grade applications. Its rich feature set simplifies the development and upkeep of extensive applications, encompassing functionalities like routing, code splitting, internationalization, testing, and extensible plugins.

For those seeking a React application framework conducive to constructing enterprise-class applications, I highly suggest exploring Umi.

Solana Mobile Stack (SMS) Tutorial for Flutter Developers

Priyanshu mundra — Sat, 07 Oct 2023 19:52:52 +0000

The Solana Mobile Stack (SMS) is a powerful toolkit for building mobile applications on the Solana blockchain. In this tutorial, we will walk you through the process of integrating SMS into your mobile app, with a focus on using the Flutter SDK. By the end of this guide, you will have a solid understanding of how to leverage SMS to create decentralized mobile applications on the Solana network.

Prerequisites
Before we begin, make sure you have the following prerequisites:

Flutter installed on your development machine.

Basic knowledge of Solana blockchain concepts.
Familiarity with mobile app development.

Step 1: Setting Up Your Development Environment
Let’s start by setting up our development environment.

A. Create a new Flutter project:

flutter create my_solana_mobile_app

B. Navigate to your project directory:

cd my_solana_mobile_app

C. Add the Solana Mobile Stack (SMS) dependency to your pubspec.yaml file:

dependencies: solana_mobile_stack: ^1.0.0

D. Run flutter pub get to fetch the SMS package.

Step 2: Initializing Solana Wallet
To interact with the Solana blockchain, you’ll need a wallet. SMS provides an easy way to initialize and manage wallets.

import ‘package:solana_mobile_stack/ solana_mobile_stack.dart’; void main() { // Initialize Solana wallet final wallet = SolanaWallet(); wallet.initialize(); }

Step 3: Sending Transactions
Now, let’s send a transaction on the Solana blockchain.

import ‘package:solana_mobile_stack/ solana_mobile_stack.dart’; void main() { final wallet = SolanaWallet(); wallet.initialize(); // Create a Solana transaction final transaction = SolanaTransaction( feePayer: wallet.publicKey, recentBlockhash: ‘your_recent_blockhash’, ); // Add instructions to the transaction (e.g., token transfer) // … // Sign and send the transaction wallet.signAndSendTransaction(transaction); }

Step 4: Retrieving Data
Fetching data from Solana is straightforward with SMS.

import ‘package:solana_mobile_stack/solana_mobile_stack.dart’; void main() {final wallet = SolanaWallet(); wallet.initialize(); // Create a connection to the Solana cluster final connection = SolanaConnection(network: NetworkType.devnet); // Fetch account balance final balance = await connection.getAccountBalance(wallet.pu blicKey); print(‘Account Balance: $balance SOL’); // Fetch token balances // … }

Step 5: Building the UI
Integrate the Solana Mobile Stack into your Flutter UI as needed. You can use widgets provided by SMS to display wallet information, transaction history, and more.

Conclusion
In this tutorial, we’ve covered the basics of integrating the Solana Mobile Stack (SMS) into a Flutter mobile app. You’ve learned how to initialize a wallet, send transactions, retrieve data from Solana, and build a user interface. With this knowledge, you can start building powerful decentralized mobile applications on the Solana network.

For a complete example codebase, check out our GitHub repository: [https://github.com/Spyder15/Solana-mobile-stack].

Feel free to explore SMS further and build innovative Solana-powered mobile apps.

Good luck with your Solana Mobile Stack development journey! 🚀

Vite: The Next Generation Build Tool for Modern Web Applications

Priyanshu mundra — Sun, 05 Mar 2023 09:48:10 +0000

What is Vite?

Vite is a modern build tool for web development that emphasizes speed and simplicity. It uses native ES modules to deliver lightning-fast performance during development and leverages features like hot module replacement and tree shaking to optimize the size and performance of your production builds. Vite is designed to be easy to use, with a simple configuration and a low learning curve, making it an ideal tool for web developers who want to build fast and efficient web applications without getting bogged down in complex configuration and setup.

Getting Started

Getting started with Vite is a breeze. All you need to do is run a few commands.

npm create vite@latest app-name
yarn create vite app-name

Then go ahead and select the template you want. For example, we want to create a react project with JavaScript. Go ahead and select react and then JavaScript + SWC.

This will create an empty project with no dependencies installed. You need to do it manually.

# go to project directory
cd app-name

# install dependencies
npm ci
yarn

Now you are good to go.

Development Server

When you're working on your application during development, you'll typically use a development server to serve your files. The development server is designed to make it easy to test your code as you're writing it. To start your development server in Vite, all you have to do is run npm run dev oryarn dev. Here are some of the key features of the development server:

Fast Build Times

The development server can build and serve your application quickly, so you can test your changes in real-time.

Hot Module Replacement

Hot module replacement (HMR) is a technique used to improve the developer experience by allowing you to see your changes in real-time without having to refresh the page.

Traditionally, when you make changes to your code, you need to refresh the page to see the updates. This can be time-consuming and disruptive to your workflow. With HMR, the changes you make to your code are automatically injected into the running application, without the need for a page refresh.

HMR works by detecting which modules in your code have changed and then updating them in the running application. This means that you can see your changes instantly, without losing your current state or having to navigate back to where you were in the application.

HMR is especially useful in larger applications, where navigating to a specific page or state can take time. With HMR, you can make changes to your code and see the results in real-time, without having to spend time navigating back to the relevant page or state.

Debugging Tools:

The development server often comes with built-in debugging tools, like error messages and console logs, to help you find and fix issues in your code.

The development server is not intended for use in a production environment, as it is optimized for speed and ease-of-use, rather than performance and security.

Production Build

When you're ready to deploy your application to a live environment, you'll typically use a production build. A production build is a version of your application that has been optimized for performance and security.

To create your production build, run the command:

# create your production build (for vite)
npm run build
yarn build

# start a server for viewing your production build
npm run preview
yarn preview

Here are some of the key features of a production build:

Minified Code

The code in a production build is typically minified. This is done by removing comments and blank spaces. It also changes function names and variable names to something smaller. This is done to reduce the bundle size and make it load faster in the browser.

/* ORIGINAL CODE*/
// this function prints a message to the console
const printMessage = (message) => {
    console.log(message);
}
/* MINIFIED CODE */
const p=s=>{console.log(s)};

Tree Shaking

Tree shaking is a technique used to remove unused code from your application, also known as dead code elimination. The term "tree shaking" comes from the idea of shaking a tree to remove dead leaves or branches.

When you build a web application, you typically include a lot of code that you don't actually need. This could be code that you wrote but never ended up using, or code that you imported from a library but only used a small portion of. This unused code takes up space in your application, which can slow down its performance.

Tree shaking works by analyzing your code to determine which parts are actually being used. It then removes the unused code from your application, resulting in a smaller and more efficient codebase. This process can dramatically reduce the size of your application, leading to faster load times and improved performance.

Tree shaking is typically done as part of the build process for your application. Many modern module bundlers, such as Webpack and Rollup, include built-in support for tree shaking (Vite uses Rollup under the hood). When you run your application through one of these tools, it will automatically analyze your code and remove any unused portions.

It's important to note that not all code can be tree shaken. Some code may be dynamically loaded at runtime or may have complex dependencies that make it difficult to determine whether it's being used. In these cases, you may need to manually remove unused code or optimize your application in other ways.

Caching

The assets in a production build are often cached by the browser, which means that they can be loaded more quickly for returning visitors.

A production build is designed to be used in a live environment, where performance and security are top priorities. Vite configures all of these for you so you don't have to worry about manually configuring it.

What is SWC?

SWC is a rust-based compiler that claims to be "20x faster than Babel on a single thread and 70x faster on four cores". If you want to use babel instead, just select JavaScript + SWC or TypeScript + SWC.

Keep in mind that meta-frameworks like Next and tools like Parcel and Deno use SWC.

Module Bundlers - Quick Introduction

Vite is designed to be easy to use and configure, but this simplicity can also be a disadvantage if you need more fine-grained control over your build process. Some developers may find that Vite's configuration options are too limited for their needs. If you want more fine-grained control, you need to use module bundlers.

Module bundlers are tools used in web development to combine multiple modules of JavaScript code into a single file, known as a bundle. This process is commonly referred to as "bundling". Some popular module bundlers for web development include Webpack, Rollup and Snowpack. Keep in mind Vite uses Rollup under the hood.

Blockchain-101

Priyanshu mundra — Sat, 18 Feb 2023 07:10:59 +0000

Blockchain is a revolutionary technology that is transforming the way we do business and interact with each other online. It is essentially a decentralized, distributed ledger that is used to record transactions securely and transparently. In this blog post, we will provide a Blockchain 101 overview, including its history, how it works, and its current and potential applications.

History of Blockchain :-

The concept of a blockchain was first introduced in 2008 by an unknown person or group using the pseudonym Satoshi Nakamoto. Nakamoto published a white paper titled "Bitcoin: A Peer-to-Peer Electronic Cash System," which described a decentralized, digital currency that was based on blockchain technology.

Blockchain technology was initially used as the underlying technology for Bitcoin, which is the first and most well-known cryptocurrency. However, since its inception, blockchain has been used in various applications beyond just digital currencies, including supply chain management, voting systems, and more.

How Blockchain Works :-

At its core, blockchain is a digital ledger that records transactions in a way that is secure, transparent, and decentralized. Each block in the blockchain contains a set of transactions, and once a block is added to the chain, it cannot be altered. This makes blockchain an immutable record of all transactions that have taken place on the network.

To ensure that the transactions are secure and transparent, blockchain uses a process called consensus. In order to add a block to the blockchain, a network of computers must first validate the transactions in the block. This validation process is called mining, and it involves solving complex mathematical equations in order to add a new block to the chain.

Once a block has been added to the chain, it becomes a permanent part of the blockchain, and cannot be altered without changing all subsequent blocks in the chain. This makes blockchain an incredibly secure way of storing and transmitting data, as it is virtually impossible to manipulate or hack the data once it has been added to the chain.

Applications of Blockchain :-

Blockchain technology has numerous potential applications, including:

1) Cryptocurrencies: Bitcoin and other digital currencies use blockchain technology to securely record transactions.

2) Supply chain management: Blockchain can be used to track the movement of goods throughout the supply chain, providing transparency and security.

3) Voting systems: Blockchain can be used to create secure and transparent voting systems that are resistant to fraud.

5) Healthcare: Blockchain can be used to securely store and share medical records and other sensitive healthcare data.

6) Real estate: Blockchain can be used to create a secure and transparent system for buying and selling real estate.

Conclusion :-

Blockchain is a revolutionary technology that has the potential to transform the way we do business and interact with each other online. Its decentralized, distributed ledger provides a secure, transparent, and immutable record of all transactions that take place on the network. While blockchain is still a relatively new technology, it is already being used in a variety of applications, and its potential uses are virtually limitless. As the technology continues to evolve and mature, it will undoubtedly play an increasingly important role in our digital lives.

Open source & Opportunities

Priyanshu mundra — Sun, 05 Feb 2023 08:42:42 +0000

Open-source software is a type of software with source code that anyone can inspect, modify, or enhance. This approach to software development has gained widespread popularity in recent years, and has become a cornerstone of modern technology. The open-source movement is driven by a community of developers who collaborate on projects and contribute their time, knowledge, and skills to create high-quality software that is free for anyone to use.

Open source software offers numerous opportunities for individuals and organizations alike. Here are some of the most notable benefits and opportunities associated with open source:

1. Cost savings:

One of the primary advantages of open source is that it is free to use and distribute. This eliminates the need to pay for expensive software licenses and reduces the overall cost of technology ownership.

2. Flexibility:

Open-source software is highly customizable and adaptable to specific needs. This allows organizations to modify and enhance the software to fit their unique requirements and workflow processes.

3. Collaboration:

Open-source projects are collaborative efforts that bring together a diverse community of developers, users, and stakeholders. This collaboration leads to the creation of innovative and high-quality software that benefits everyone involved.

4. Security:

Open source software is often more secure than proprietary software because it is openly available for review and audit. This increased transparency helps to identify and address security vulnerabilities more quickly, making open source software more secure in the long run.

5. Innovation:

Open source drives innovation by allowing developers to experiment and iterate on new ideas. This leads to the creation of new and innovative software that benefits everyone involved.

6. Career development:

Participating in open source projects is a great way to develop new skills, build a portfolio, and network with other developers. This can be a valuable opportunity for individuals to grow their careers and increase their earning potential.

7. Community building:

Open source software has a strong community component, with developers, users, and stakeholders coming together to collaborate and support each other. This sense of community can be a powerful motivator and provides opportunities for individuals to make meaningful connections with others in the industry.

8. Improved quality:

Open source software is often of higher quality than proprietary software due to the large number of people who contribute to it and the transparent development process. This leads to more stable, reliable, and bug-free software that is better suited to meet the needs of users.

There are many examples of successful open-source projects, including the Linux operating system, the Apache web server, and the Python programming language. These projects have become industry standards and have had a significant impact on technology and society as a whole.

In conclusion, open source software offers numerous benefits and opportunities for individuals and organizations. Whether you are a developer, user, or stakeholder, participating in open source projects can lead to new skills, increased earning potential, and a sense of community and connection. The open-source movement is driven by a passion for innovation and a commitment to collaboration, and will continue to play a critical role in shaping the technology landscape for years to come.

15 Best Terminal Commands That You Should Know

Priyanshu mundra — Tue, 11 Oct 2022 17:40:03 +0000

List of Best Commands For Terminal

PWD(present working directory)
cd(change directory)
ls
mkdir(make directory)
echo
touch
cat
diff
head
tail
rm(remove directory)
clear
Redirection operators (> & >>)
cp
mv

1. PWD - best command for terminal

PWD command stands for present working directories from your computer device. It reflects your prevailing location to the file.

Syntax of PWD:
pwd -L: Prints the symbolic path.
pwd -P: Prints the actual path.

2. CD - best command for windows

CD command stands for changing your directory from your current location.

It is used to change your current location on the computer by selecting a different part in your pc. But you want to define the particular part below to change your location. It's one of the best commands for terminal.

And there are some tricks to go back and ahead. If you want to go back simply type the .. for it and you want back multiple times you add in it / sign.
Syntax of CD:

cd /
cd
../cd

3. 1s

1s gives you a content listof current directory. Similar to this command already exists, its used to get the more longer list of your current directory's content by using -1.
Syntax of 1s:

ls
ls -l
ls -a

4. MkDir - Best Command For Windows

MkDir command is used to make directories in the computers. It is also known as make directory in terminal. You can also create multiple directories using this command, it takes permission accepted by you.
Syntax of MKDIR:

mkdir [options...] [directories ...]

5. echo - Best Command in PHP

By using echo you can print anything as you want. It prints strings/parameter also for best outputs. To print a string you need to assign $ sign before the variable to print.
Synyax of echo:

echo [option] [string]

6. touch - Most used command in terminal

Mostly touch command is used to create a file in pc. It also used for change file access and modification time of particular file. If the file is not available in directory then it create new file.
Syntax of touch:

touch file_name

7. cat - best shortest command in terminal

cat command is used to concatenate the strings and variable to get the best outputs. It is generally used for combine code in single line.
Syntax of cat:

$cat filename

8. diff - Best command to compare strings

diff command is used to compare lines or strings and get the difference between each file. Let's see the syntax of diff command. It's one of the best commands in terminal.
Syntax of diff:

diff [OPTION]... FILES

9. head - Best command to print content in terminal

head command is used to print the content of file from beginning. It is used to print headings in a file. Its one of the best commands in terminal.
Syntax of head:

head [OPTION]... [FILE]...

10. tail - Best commands for terminal

tail command is used to print content of file from the end. It is generally used to print the conclusions or massages. It's one of the most used commands in terminal.
Syntax of tail:

tail [OPTION]... [FILE]...

11. RM - Best commands for windows

rm command is used to delete directory from file in pc. You need to just define part of directory and then it removed by the using command. Let's see the syntax of the command.
Syntax of rm:

rm -i mydir
rm -i mydir/*

12. clear - Most used commands for terminal

This command is used to clear the screen of pc. It is used to clear out the current terminal window and takes back the prompt to the top position of the terminal window.
Syntax of clear:

Ctrl+L

13. Redirection Operators

is used to redirect the output from command to pass the another file. It will overwrite the content of file. Its one of the best commands for terminal.

is used to redirect the output from a command to be passed to another file. This will append to the content of the file.
Syntax of operator:

ls -al > listings

14. cp - Best command for terminal & windows users

cp command is used to copy file from one directory to another one.
Syntax of cp:

cp [OPTION] Source Destination
cp [OPTION] Source Directory
cp [OPTION] Source-1 Source-2 Source-3 Source-n Directory

15. mv - Most used commands for terminal

mv command is used to move file in one directory to another directory. Its one of the most used commands in terminal.
Syntax of mv:

$ mv [options] source dest

Hacktoberfest 2022 : A Complete Guide

Priyanshu mundra — Wed, 05 Oct 2022 16:21:05 +0000

Hacktoberfest is an annual event that occurs in October. It is created by DigitalOcean. Thousands of developers participate in this event across the globe.

This article explains what Hacktoberfest is, how you can participate, and more!

What is Hacktoberfest?

As mentioned in the introduction, Hacktoberfest occurs every year during October. It encourages developers to contribute to open source projects and practice programming by participating in solving problems across projects.

Who Can Participate in Hacktoberfest?

All developers of different levels and backgrounds can participate in Hacktoberfest. Whether you're a beginner or an expert, or a junior or a senior, you can participate in Hacktoberfest.

There are two ways to participate in Hacktoberfest: as a contributor or as a maintainer.

A contributor is someone that helps open source projects resolve issues they have opened. Whereas a maintainer manages an open source project and presents issues that they need help with.

New in Hacktoberfest 2022

Hacktoberfest 2022 encourages low-code and non-code contributions, which can be done through blog posts, translating content, graphic design, and more. The contributions must be tracked through GitHub Pull Requests (PRs) as other types of contributions.

How to Participate in Hacktoberfest 2022?

Registration to Hacktoberfest
Registration to Hacktoberfest opens on September 26th. When you register, you'll be able to choose whether you're participating as a contributor or as a maintainer.

Participating as a Contributor

As a contributor, during October you must have four PRs that either:

Are merged into a participating repository;
Or have the hacktoberfest-accepted label;
Or have an approving review, but not closed or draft.

A participating repository is a repository that has the hacktoberfest topic. Participation can be done through GitHub or GitLab.

Participating as a Maintainer

To participate as a maintainer, you must facilitate participation for contributors. The first step is to either:

Add the hacktoberfest topic to your repository;
Or add the hacktoberfest-accepted label into your repository to be used on pull requests.

Then, you must merge four PRs into your repository during October. If you decide to use the second option mentioned in the first step, make sure to add the hacktoberfest-accepted label into these PRs.

Rules

For PRs to be counted into your participation in Hacktoberfest, they must be merged between October 1st and October 31st.
Contributions must be made to public repositories.
If a PR has a label that contains the word spam in it, the PR will not be counted. Also, if a participant has 2 or more spam PRs, they'll be disqualified from Hacktoberfest.
If a PR has a label that contains the word invalid, it will not be counted. The exception for this is if the PR also has the label hacktoberfest-accepted.

Unwritten Rules

This section covers rules that aren't necessarily covered by Hacktoberfest, but, from personal experience, are highly recommended to follow for both contributors and maintainers.

For Contributors

1. Do not spam any maintainer:
Hacktoberfest is a busy season for maintainers, so they'll highly likely take time to take a look at your PR. Spamming maintainers does not speed up the process and only ruins the experience for maintainers.
2. Make valuable contributions: During Hacktoberfest, many repositories are created with the purpose of participating in Hacktoberfest but without providing any value. For example, repositories where you just contribute by adding your name to a list. A lot of these repositories are caught by Hacktoberfest eventually, are disqualified, and contributions from them are labeled as invalid. There's no point in wasting time on this.
Give back to your favorite projects: There are many projects out there that you have benefitted from throughout the year. Take this time to give back to these projects by helping them with the issues they have.
3. Follow rules set by each project: Projects should have contributing guidelines that explain how you can contribute to them. Make sure you read those first before you contribute.

For Maintainers

1. Create contributing guidelines: Whether you have a small or big project, contributing guidelines make it easier for your contributors to know how they can contribute to your project.

Welcome all developers:
Many beginner developers participate in Hacktoberfest. They may lack experience when it comes to contributing, but they're eager to do it. Make sure to be welcoming to all developers of different experiences. If possible, try creating issues of different levels of expertise.

How to start as an Open Source Developer

Priyanshu mundra — Tue, 27 Sep 2022 04:59:04 +0000

What's an open source project ?
The tech world is moving according to the economic shift. There’s no company or startup which is ready to risk a lot of funds for the software project while there’s an alternative for that. What a company needs is to get a service up and running regardless if the software was built from scratch or as an open source project.

At an individual level, open source saves time and money too. By the way, what reward do you get after building your project from scratch ? Why build something which already exists and you can get it for free ? Would love to hear your thoughts :)

But what is an open source project ? It is a software project which is publicly free for anyone. That is, you can edit the source codes, change it to how you want. You can build your “big idea project” just on top of open source software. You can also release your sweet project to the community as an open source by allowing other developers to manipulate your codes. Sounds caring, right ?

Jump into open source project as a beginner
Step into open source projects as a newbie might be a challenge at first, however getting the right foot to start with can solve overheads. There are things you should know before starting contributing or building your application on top of an open source project.

Here’s the list of things you should consider first:
Able to use Git and Github comfortably.

Clone a project from Github (or any other VC)
Branching models (master, develop, feature)
Push the project
Raise and resolve issue
Write good commit
Tag and versioning the project.

You can learn the basics from Github documentation...

Learn how to write a good “README”.

A README in a Github serves as a brief documentation of a particular project. Writing a precise document about the project helps another developer to jump straight into the project and manipulate on whatever he wishes.

On another hand, learning how to document your own project will help you to easily read and follow along with the docs. of other projects. While writing, there are a number of online tools to heavy-lift the job. I normally use dillinger to write the README before shipping it into Github. It has some placeholders which you can just change to fit your headings and contents. It supports markdown language as that used in Github.

Learn how to write clean codes.
By "clean codes" I mean the codes which are precise and easy to read. Don't just focus on the working codes, but the codes that another developer can read them and scale the project. Write the code while thinking about another person who'll come to read them.

Here are the tips for writing clean codes:

Master the domain language of a given project. That is, if the software is about Health, then the naming convention and your variables will all align to the health context.
Clear naming convention. Be very clean in naming the variables, methods and classes. Don't let your code become unequivocal just for laziness reasons.
Use comments only where required.
Obey DRY principle. Only define once and just reuse it where needed. Don't Repeat Yourself !
Well structured file tree. Your files should be in an organized manner. Don't just write the codes anywhere! Also, specify your main file (entry-point file). This will help another contributor to easily know where your software starts.

What's next ?
If you're comfortable with the tips above then it's a right time for you to try out doing something handy.

Pick one open source project of your choice. I'll write on sample open source projects for beginner.
Read the project codes and documentation
Contribute. I will upload soon the article on how to contribute as a pro.
Or build your software on top of it.

Thanks for reading this!

Tailwind CSS

Priyanshu mundra — Sun, 18 Sep 2022 10:06:09 +0000

Tailwind CSS can be used to make websites in the fastest and the easiest way.

Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

The beauty of this thing called tailwind is it doesn’t impose design specification or how your site should look like, you simply bring tiny components together to construct a user interface that is unique. What Tailwind simply does is take a ‘raw’

CSS file, processes this CSS file over a configuration file, and produces an output.

Why Tailwind CSS?

1. The faster UI building process
2. It is a utility-first CSS framework which means we can use utility classes to build custom designs without writing CSS as in the traditional approach.

Advantages of Tailwind CSS:

1. No more silly names for CSS classes and Ids.
2. Minimum lines of Code in CSS file.
3. We can customize the designs to make the components.
4. Makes the website responsive.
5. Makes the changes in the desired manner.
6. CSS is global in nature and if make changes in the file the property is changed in all the HTML files linked to it. But with the help of Tailwind CSS, we can use utility classes and make local changes.

Why Should you use Tailwind CSS ?

❤️ Thank you very much for reading ❤️
Like | Share | Follow

🛑Git, its commands and GitHub.........

Priyanshu mundra — Mon, 18 Jul 2022 08:17:28 +0000

What if I tell you that you have a mistake at beginning of the project now your website is crashing and you can not reverse the changes. Devastating, Right!

This was the feeling of every developer before Git came into existence. Still, most developers were not using Git because it was difficult to create servers to save source code. To solve this problem, a person name Tom Peterson created an online place to store source code without creating a server and called this online place GitHub.

Most people confuse Git with GitHub, but both are far different from each other. Git is software that helps you store the history of progress that you made on source code. Whereas, GitHub is a place on the internet where you store your source code using git commands.

Pros

Easy to learn and start working
You can easily reverse your mistakes
You can quickly store your data on the internet.

Cons

Fewer opportunities only for this field.
It can not handle big files, you have to use the LTS version.
It is had to debug errors, and hard to understand some concepts.

🛑WEB DESIGNING ROAD MAP.........🛑

Priyanshu mundra — Tue, 07 Jun 2022 18:56:20 +0000

Building websites is most often considered a technical job but the truth is far different from reality. most modern websites are first designed by web designers and then developed by web developers which means building a website includes creative as well as technical work.

Web designing is the work of creating digital art which can show information in an easy and fun way so that people on the internet can easily understand it.

Pros:-
Website designing is easy to learn,
It helps you to build beautiful websites,
There are a lot of free tools to design a website,
A lot of high paying internships and job opportunities,
you can do freelancing projects and earn money in a short time.

Cons:-
You have to use many tools to complete a project.
You have to work longer to create something creative.
You have to do a lot of meetings to get feedback and improve the design.
It highly competitive market and you have to do many projects to gain an advantage.

Why web developers should learn web designing?
Building a website can become very confusing if you have designs of a website then you can build a website faster. Not only that it is very creative work, you can work at any company or start a business.

Web designing is divided into parts:

User experience (UX): In this part, you have to research about project and its users and then design a rough diagram of the website on paper or computer which shows the workflow of the website.

User Interface (UI): This part is the actual design that shows colours, patterns, size, and images which you can use to develop the website.

Roadmap to Full-Stack Development

Priyanshu mundra — Sat, 04 Jun 2022 12:17:27 +0000

📌 Who is a Full-Stack Developer?
A full-stack developer is an engineer who can handle all the work of databases, servers, systems engineering, and clients. Depending on the project, what customers need may be a mobile stack, a Web stack, or a native application stack

📌 Why become a Full-Stack Developer?
As a full-stack developer, you know of multiple technologies. Whether it's about adding images to a web page or creating a database, you'd be familiar with all of them. This gives you an edge over other developers because you can make technical decisions faster and see the big picture.

📌 Roles of Full-Stack Developer:
The primary responsibility of a Full Stack Developer includes designing user interactions on websites, developing servers and databases for website functionality, and coding for mobile platforms.

📌 Particular responsibilities often include:

1. Developing front-end website architecture.
2. Designing user interactions on web pages.
3. Developing back-end website applications.
4. Creating servers and databases for functionality.
5. Ensuring cross-platform optimization for mobile phones.
6. Ensuring responsiveness of applications.
7. Working alongside graphic designers for web design
features.
8. Seeing through a project from conception to finished product.
9. Designing and developing APIs.
10. Meeting both technical and consumer needs.
11. Staying a breast of developments in web applications and
programming languages.

📌 Tech-Stack for a Full-Stack Developer

🚩 Basic Tech (Building blocks & All are important)
1. HTML: Defines the structure of the application
2. CSS: Defines how the application will be presented
3. JavaSript: Defines the functionality of the application

🚩 Back-End Technology (Any one of the following)

Java
Python
C#
Ruby
Php
Node.js (Easy and Latest)

🚩 DataBases (Any one of each category)

1. SQL

MySQL (Preferrable)
SQL Server
Oracle

2. NoSQL

MongoDB (Preferrable)
CouchDB

🚩 Version Control

Git
GitHub (Preferrable) / GitLab / BitBucket

🚩 Cloud Services (Any one of the following)

Google Cloud Platform (GCP)
Microsoft Azure
Amazon Web Services (AWS)
Heroku

🚩 Containers

Docker
Kubernetes

📌 Common terms for Full-Stack Development

MEAN Stack Developer
- Mongo DB
- Express Js
- Angular Js
- Node Js
MERN Stack Developer
- Mongo DB
- Express Js
- React Js
- Node Js You can use this blog as a checklist in your journey

❤️ Thank you very much for reading ❤️
Like | Share | Follow