https://rashadstackportfolio.netlify.app/

Rashad Stack, Rajshahi (2026)

05/08/2024

Bug Fixed!

29/02/2024

Recursion is a programming concept where a function calls itself in its own definition. In this case, deepMergeObjects is a recursive function because it calls itself within its own body.

Here's how it works in the context of the deepMergeObjects function:
When the function encounters a property in both obj1 and obj2 that is an object, it needs to merge these two nested objects. To do this, it calls itself (deepMergeObjects) with these two nested objects as arguments.

This starts a new "level" of the function with the nested objects as the input. It will then go through the same process: it will iterate over the properties of the first nested object, check if the property is an object in both nested objects, and if so, call itself again with these two deeper nested objects.

This process continues until it reaches a property that is not an object (a "base case"), at which point it will stop calling itself and start returning back up the "levels" of the function.

At each level, it merges the properties of the two objects at that level, including the results of any deeper levels that have returned.

Finally, when it has finished merging at the top level, it returns the fully merged object.
This is how the function is able to merge objects that have nested objects within them. It "dives" into the nested objects using recursion, merges at the deepest level first, and then "comes back up", merging at each level as it goes.

08/02/2024

Designing a robust solution for the online shop, for those who have only a page to sell products. A package solution for selling products, Manage Inventory, and Employees

27/01/2024

A React Framework for building internal tools, admin panels, dashboards & and B2B apps with unmatched flexibility ✨

Refine's hooks and components simplify the development process and eliminate repetitive tasks by providing industry-standard solutions for crucial aspects of a project, including authentication, access control, routing, networking, state management, and i18n.

Stacks:

Live: https://rashad-satck-refine-dashboard.netlify.app

Codebase: https://github.com/Rashad-Stack/refine-dashboard

Thanks to for providing an awesome Tutorial and technique to complete this awesome dashboard.

27/01/2024

🥹 When the internet is awful.

24/01/2024

Title: A Comprehensive Review of the Expense Tracker App

Introduction:
The Expense Tracker app is a powerful web application designed to simplify expense management for users. With its user-friendly interface and an array of features, it stands out as an excellent tool for individuals seeking efficient ways to track, organize, and gain insights into their spending habits.

Features That Make a Difference:

Effortless Expense Tracking:
The app's core functionality revolves around making expense tracking easy and intuitive. Users can seamlessly add, edit, and delete expense entries, ensuring a hassle-free experience in managing their financial transactions.

Categorized Expense Organization:
The ability to categorize expenses adds a layer of organization to the app. Users can efficiently manage and analyze their spending patterns by assigning categories, providing a clear overview of where their money is going.

Insightful Reports and Visualizations:
One standout feature is the capability to generate comprehensive reports and visualize spending patterns. This empowers users to make informed financial decisions by gaining insights into their expenditure over time.

Budget Management with Notifications:
The app goes a step further by allowing users to set budget limits. Real-time notifications keep users informed when they approach or exceed their set limits, promoting better financial discipline.

Technology Stack:
The Expense Tracker app leverages a robust technology stack to deliver a seamless user experience.

Front-end Technologies:

TypeScript ensures a type-safe and maintainable codebase.
Next.js is employed for building the user interface, providing a fast and responsive application.
Zod handles validation, contributing to data integrity.
Shadcn UI library enhances the visual appeal with well-designed UI components.
Back-end Technologies:

TypeScript continues to be the language of choice for server-side development.
Next.js serves a dual purpose, ensuring a performant back end.
Prisma, as the ORM tool, facilitates efficient database access.
MongoDB serves as the robust data storage solution.
Authentication and Authorization:

Clerk is seamlessly integrated for secure and reliable authentication, safeguarding user data.
Deployment:
The Expense Tracker app is hosted on Vercel, a reliable hosting service that ensures the application's availability and performance. GitHub Actions further enhance the development process with continuous integration and deployment, streamlining updates and improvements.

Conclusion:
In conclusion, the Expense Tracker app stands as a testament to the developer's expertise and commitment to creating a valuable financial management tool. With its intuitive features, insightful analytics, and a solid technology stack, it offers users a reliable solution for gaining control over their expenses. The live site at smart-expense-tracker-olive.vercel.app is a testament to the app's accessibility, making it a compelling choice for individuals seeking an efficient and user-friendly expense tracking solution.

12/10/2023

Why you should use npm concurrently

The npm concurrently package is a popular tool for running multiple NPM scripts simultaneously. It is a great way to improve the performance of your development workflow and to simplify the ex*****on of complex tasks.

Npm concurrently is a package that allows you to run multiple npm scripts in parallel. This can be useful for a variety of reasons, such as:

✓Speeding up development: By running multiple scripts in parallel, you can significantly reduce the amount of time it takes to develop and test your code.

✓Improving efficiency: When you're working on a large project, it can be difficult to keep track of all the different tasks that need to be done. Npm concurrently can help you to streamline your workflow and be more efficient by allowing you to run multiple tasks at the same time.

✓Making debugging easier: If you're having trouble debugging a problem, it can be helpful to run multiple scripts in parallel to see how they interact with each other. This can help you to identify the source of the problem more quickly.

Here are some specific examples of how you can use npm concurrently in your development workflow:

✓Running a development server and test runner in parallel: This can be useful for catching bugs early on in the development process.

✓Running multiple build processes in parallel: This can be helpful for speeding up the deployment of your application.

✓Running multiple tests in parallel: This can be helpful for reducing the amount of time it takes to run your test suite.

You can learn more here: https://lnkd.in/gQZFqRqH

10/10/2023

Exciting React Features in 2023

React is one of the most popular JavaScript libraries for building user interfaces, and it's constantly evolving with new features and improvements. In 2023, there are a number of exciting React features that developers can look forward to, including:

Concurrent Mode: Concurrent Mode is a new way of rendering that allows React to prioritize different parts of the UI based on user interaction. This can lead to smoother and more responsive user experiences, especially in complex applications.

Server Components: Server Components allow developers to render React components on the server. This can improve performance and SEO, and it can also make it easier to build complex applications.

React Query: React Query is a library that simplifies data fetching in React applications. It provides a declarative way to handle asynchronous data, making it easier to manage data loading and error handling.

React DevTools Profiler Enhancements: React DevTools is a browser extension for debugging React applications. In 2023, React DevTools introduced enhanced profiling capabilities, allowing developers to analyze and optimize their application's rendering and re-rendering performance.

React Error Boundaries with Suspense: React Error Boundaries allow developers to handle errors in their applications gracefully. In 2023, React Error Boundaries were enhanced to work with Suspense, making it easier to build resilient and reliable applications

React Hooks Improvements: React Hooks are a powerful way to manage state and side effects in React components. In 2023, React Hooks were improved with new features such as lazy state initialization and memorization.

JSX Transform: JSX is a syntax extension to JavaScript that makes it easier to write React components. In 2023, the JSX Transform was updated to support new features such as JSX fragments and automatic type inference.

These are just a few of the exciting React features that developers can look forward to in 2023. With these new features, React is poised to remain one of the most popular and powerful JavaScript libraries for building user interfaces.

09/10/2023

Git vs Docker: What's the Difference?

Git and Docker are two of the most popular tools in software development, but what's the difference between them?

Git is a version control system that allows you to track changes to your code over time and collaborate with other developers. It's like a time machine for your code, allowing you to go back to any previous version if you need to. Git is also used to branch your code, which means you can work on different features or bug fixes without affecting the main codebase.

Docker is a containerization platform that allows you to package your code and its dependencies into a standalone unit called a container. Containers are lightweight and portable, and they can be run on any machine that has the Docker Engine installed. Docker makes it easy to deploy and manage applications, and it can help to improve the consistency and reliability of applications.

So, which one should you use?

It depends on your needs. If you're working on a software project with other developers, then you'll need to use Git to track changes to your code and collaborate with each other. If you're deploying and managing applications, then you'll want to use Docker to make the process easier and more reliable.
Or, you can use both Git and Docker together. For example, you can use Git to track changes to your code and collaborate with other developers, and then use Docker to deploy and manage your applications. This is a common approach that many software development teams use.

Here's a social media post analogy:
Git is like a notebook where you track all the changes you make to your writing. It allows you to go back to any previous version if you need to, and it makes it easy to collaborate with other writers.

Docker is like a shipping container that you use to transport your writing to different publishers. It's lightweight and portable, and it makes it easy to deploy and manage your writing.

You can use both a notebook and shipping containers together to make the writing process more efficient and reliable.

Rashad Stack

05/08/2024

29/02/2024

08/02/2024

27/01/2024

27/01/2024

24/01/2024

12/10/2023

10/10/2023

09/10/2023

Address

Telephone

Website

Alerts

Contact The Business

Shortcuts

Share

Category