https://github.com/montasim/next-level-web-development

All of the codes, notes, and ideas from the Next Level Web Development courses will be added here.
https://github.com/montasim/next-level-web-development

expressjs javascript learning learning-notes learning-resources mongodb mongodb-database next-level-web-development nodejs nodemon notes programming-hero programming-hero-class programming-hero-notes redux redux-toolkit ts-node-dev typescript yarn

Last synced: about 2 months ago
JSON representation

All of the codes, notes, and ideas from the Next Level Web Development courses will be added here.

Host: GitHub
URL: https://github.com/montasim/next-level-web-development
Owner: montasim
License: cc0-1.0
Created: 2023-06-20T05:27:16.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-10-07T23:56:46.000Z (over 2 years ago)
Last Synced: 2025-07-20T03:20:34.088Z (7 months ago)
Topics: expressjs, javascript, learning, learning-notes, learning-resources, mongodb, mongodb-database, next-level-web-development, nodejs, nodemon, notes, programming-hero, programming-hero-class, programming-hero-notes, redux, redux-toolkit, ts-node-dev, typescript, yarn
Language: JavaScript
Homepage: https://montasim.github.io/Next-Level-Web-Development/
Size: 17.1 MB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 9
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

NEXT LEVEL WEB DEVELOPMENT

All the codes, notes, and ideas from the Next Level Web Development courses will be added here.

```
NOTE: Notes will be added by Mission name
```

## CONTENTS:
- [Roadmap](#roadmap)
- [Missions](#missions)
- [Used Packages](#used-packages)
- [Tools](#tools)
- [Articles](#articles)
- [Video Tutorials](#tutorials)
- [Inspirations](#inspirations)
- [Contribute](#contribute)
- [License](#license)

## Roadmap

1. [Roadmap](./media/pdf/Next%20Level%20Web%20Development.pdf)

## MISSIONS

Mission 0: Welcome To Next Level Web Development (Module: 0 - 1)

Mission 1: Be a TypeScript Technocrat (Module: 2 - 5.5)

Module 2: Explore Basic Types of TypeScript

Module 3: Explore Advance Types of TypeScript

Module 4: Object-Oriented Programming in TypeScript

Module 5 Assignment 1

Module 5.5: Bonus Module

Mission 2: Be A Mongoose Master (Module: 6 - 9)

Module 6: Installation and Explore Read and Write Queries

Module 7: Explore Mongoose More Queries

Module 8: MongoDB Aggregation Framework and Indexing

Module 8.5: Simple Mongoose Practice

Module 9: Assignment 2

Mission 3: Be A NoSQL Backend Braniac (Module: 10 - 19)

Module 10: SDLC, Requirement Analysis and Project Setup

Module 11: How to set up and organize your project professionally

Module 12: Building The Auth Service Part 2

Module 13: Error handling, Zod, Pagination & Academic Semester

Module 14: Pagination, Filtering, Complete Academic Semester

Module 15: Complete Student Module, Implement Transaction and Rollback, Practice Faculty Module

Module 15.5: Practice Day

Module 16: Assignment 3

Module 17: Implement Authentication & Authorization using JWT

Module 18: Assignment 4

Module 19: Complete Update Password System

Mission 4: Be A Redux Reaper (Module: 20 - 23)

Module 20: Get started with Redux. A deep dive into Redux's philosophy

Module 21: Hands-on State Management & Crud Operation

Module 22: Handling async tasks using Redux

Module 23: Assignment 5

Mission 5: Be A NextJS Ninja (Module: 24 - 27)

Module 24: Fundamentals of Next.Js

Module 25: Next Level Data Fetching in Next.Js

Module 26: Explore NextAuth & App Router

Module 26.5: Practice Day

Module 27: Assignment-6

## USED PACKAGES

1. [yarn](https://yarnpkg.com/) - *Yarn is a package manager that doubles down as project manager*
2. [typescript](https://www.typescriptlang.org/) - *TypeScript is JavaScript with syntax for types*
3. [nodemon](https://nodemon.io/) - *Simple monitor script for use during development of a Node.js app*
4. [ts-node-dev](https://www.npmjs.com/package/ts-node-dev) - *TypeScript execution environment and REPL for node.js*
5. [antd](https://ant.design/docs/react/introduce) - *An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises*
6. [json-server](https://www.npmjs.com/package/json-server) - *Get a full fake REST API with zero coding in less than 30 seconds (seriously)*
7. [react-redux](https://redux-toolkit.js.org/tutorials/quick-start) - *The official, opinionated, batteries-included toolset for efficient Redux development*
8. [mongodb](https://www.npmjs.com/package/mongodb) - *The official MongoDB driver for Node.js.*
9. [vite](https://vitejs.dev/guide/) - *Next Generation Frontend Tooling.*
10. [tailwindcss](https://tailwindcss.com/docs/installation) - *A utility-first CSS framework.*
11. [react-router-dom](https://reactrouter.com/en/main/start/tutorial#setup) - *React Router enables "client side routing".*
12. [@reduxjs/toolkit](https://redux-toolkit.js.org/introduction/getting-started) - *The Redux Toolkit package is intended to be the standard way to write Redux logic.*
13. [react-redux](https://react-redux.js.org/introduction/getting-started) - *React Redux is the official React UI bindings layer for Redux.*

## TOOLS

1. [typescript-mongoose-eslint-husky-staged boilerplate](https://github.com/tauhid-hasan-dev/typescript-mongo-mongoose-express-server-with-eslint-prettier-husky-lint-staged)
2. [BreakTimer](https://breaktimer.app/#download)
3. [Redux DevTools](https://microsoftedge.microsoft.com/addons/detail/redux-devtools/nnkgneoiohoecpdiaponcejilbhhikei)

## ARTICLES

1. [NVM for Windows – How to Download and Install Node Version Manager in Windows 10](https://www.freecodecamp.org/news/nvm-for-windows-how-to-download-and-install-node-version-manager-in-windows-10/)
2. [Pick Function Refactoring & Property Management](./articles/pick-function-refactoring-property-management.md)
3. [All about Express Error Handling](./articles/all-about-express-error-handling.md)
4. [Exploring $exists, $type and $size operators](./articles/exploring-exists-type-and-size-operators.md)
5. [Exploring the Power of $inc, $max, $min, and $mul Operators of MongoDb](./articles/exploring-the-power-of-inc-max-min-and-mul-operators-of-mongodb.md)
6. [MongoDB $and Operator](./articles/mongodb-and-operator.md)
7. [MongoDB's Update Operators: Mastering $push, $set, and $addToSet for Efficient Data Management](./articles/mongodbs-update-operators.md)
8. [Unleashing the Power of Querying : Discover MongoDB's $not and $nor Operators](./articles/unleashing-the-power-of-querying.md)
9. [Boost Your MongoDB Queries: Deep Dive into $in, $nin, and $or Operators](./articles/deep-dive-into-in-nin-and-or-operators.md)
10. [Permanently removing a file from git history](https://stackoverflow.com/questions/58161926/permanently-removing-a-file-from-git-history)
11. [Create a JSON server](./articles/create-a-json-server.md)
12. [What is the difference between fallback false vs true vs blocking of getStaticPaths with and without revalidate in Next.js SSR/ISR?](https://stackoverflow.com/questions/67787456/what-is-the-difference-between-fallback-false-vs-true-vs-blocking-of-getstaticpa/67787457#67787457)
13. [How to use different .env files with nextjs?](https://stackoverflow.com/questions/59462614/how-to-use-different-env-files-with-nextjs)

## DO NOT FORGET TO DO

Vercel এ ডেপ্লয় এর ক্ষেত্রে কয়েকটি জিনিস খেয়াল রাখতে হবে

Vercel এ ডেপ্লয় এর ক্ষেত্রে কয়েকটি জিনিস খেয়াল রাখতে হবে

- tsconfig.json এর মধ্যে
```json
"module": "commonjs" */* Specify what module code is generated. */*,
"rootDir": "./src" */* Specify the root folder within your source files. */*,
"outDir": "./dist" */* Specify an output folder for all emitted files. */*,
```
এই কনফিগটি add করে নিতে হবে যদি আগে থেকে করা না থাকে
- package.json এর মধ্যে
```json
"scripts": {
"dev": "ts-node-dev --respawn --transpile-only src/server.ts",
"start": "node dist/server.js",
"build": "tsc"
}
```
- প্রজেক্টের রুট এর মধ্যে vercel.json ফাইল বানিইয়ে নিতে হবে
```json
{

"version": 2,
"builds": [
{
"src": "dist/server.js",
"use": "@vercel/node"
}
],
"routes": [
{
"src": "/(.*)",
"dest": "dist/server.js"
}
]
}
```
এরপর Cli দিয়ে deploy করে নিলেই কাজ শেষ , সার্ভার রেডি

If you need to change the environment variable of `Vercel` production always make sure to have a push to the `main branch`.

## TUTORIALS

1. [Git - How to Duplicate a Repository with History ( Full duplicate, no fork)](https://www.youtube.com/watch?v=lhlUOSfZu24)
2. [How to test a local website on your phone](https://www.youtube.com/watch?v=uRYHX4EwYYA)

## INSPIRATIONS

1. [Wallpaper - For daily inspiration](./media/images/inspiration-wallpaper.jpeg)

## CONTRIBUTE

Contributions are always welcome!
Please read the [contribution guidelines](CONTRIBUTION.md) first.

## SPECIAL THANKS

1. [Tauhid Hasan](https://github.com/tauhid-hasan-dev) for his [typescript-mongoose-eslint-husky-staged boilerplate](https://github.com/tauhid-hasan-dev/typescript-mongo-mongoose-express-server-with-eslint-prettier-husky-lint-staged)
2. [Dipto Karmaker](https://www.facebook.com/dipto.karmaker.9) for his suggestion to use [BreakTimer](https://breaktimer.app/#download)
3. [Mezbaul Abedin Forhan](https://www.facebook.com/groups/196275986482127/user/100051687471216/?__cft__[0]=AZUHgThDMuNrBxWNfQMNWGsF5OF3rKdgg2DbSG3mrAe6uRnaNCNRBYD3oZ2M9U25njZjOZMMeJWUzXEMn5mWDJJIjezco9JFGBzE86Trm1__fo6EIAdKiPedc4GFe5XT0ZqJi8Mjj7PQ1jhbjFbj_ygt&__tn__=-UC%2CP-R) for [Pick Function Refactoring & Property Management](./articles/pick-function-refactoring-property-management.md)
4. [Mezbaul Abedin Forhan](https://www.facebook.com/groups/196275986482127/user/100051687471216/?__cft__[0]=AZUHgThDMuNrBxWNfQMNWGsF5OF3rKdgg2DbSG3mrAe6uRnaNCNRBYD3oZ2M9U25njZjOZMMeJWUzXEMn5mWDJJIjezco9JFGBzE86Trm1__fo6EIAdKiPedc4GFe5XT0ZqJi8Mjj7PQ1jhbjFbj_ygt&__tn__=-UC%2CP-R) for [All about Express Error Handling](./articles/all-about-express-error-handling.md)
5. [Mezbaul Abedin Forhan](https://www.facebook.com/groups/196275986482127/user/100051687471216/?__cft__[0]=AZUHgThDMuNrBxWNfQMNWGsF5OF3rKdgg2DbSG3mrAe6uRnaNCNRBYD3oZ2M9U25njZjOZMMeJWUzXEMn5mWDJJIjezco9JFGBzE86Trm1__fo6EIAdKiPedc4GFe5XT0ZqJi8Mjj7PQ1jhbjFbj_ygt&__tn__=-UC%2CP-R) for [MongoDB $and Operator](./articles/mongodb-and-operator.md)
6. [Ehtisam Haq](https://www.facebook.com/groups/196275986482127/user/100054686322018/?__cft__[0]=AZXWZQsOJLRUlOnAZXCcdBSnHgV8L_0wHengcczizEHGUOKbtzVlWLpouOzQWUxHonIdIGpIjO8UOacomwLALreh79ZWpTrVVgYS-CcRdd8uznQtmaI7fFqpL3FAn1aOD3WWJI7xD8MEbSgo0cfw0Nco&__tn__=-UC%2CP-R) for [Exploring $exists, $type and $size operators](./articles/exploring-exists-type-and-size-operators.md)
7. [Anisur Rahman](https://www.facebook.com/groups/196275986482127/user/100008280541615/?__cft__[0]=AZWt1z3R3gtFybgOz_zMiyB8XKgGZFf7GBycrIhdCV60RCskF4F_EqMwVBElP6q_RU5i0-pkfT-ZDHC6bnT2uqyQ6i1rO7F6QJuuLLhqjGp__2ENKq7qamMp0j6oSniqndu9aCVaQ7qbhzAPrFZBCgaM&__tn__=-UC%2CP-R) for [Exploring the Power of $inc, $max, $min, and $mul Operators of MongoDb](./articles/exploring-the-power-of-inc-max-min-and-mul-operators-of-mongodb.md)
8. [Mehedi Anik](https://www.facebook.com/groups/196275986482127/user/100005038366015/?__cft__[0]=AZWT2tLQUda8c7i9m_lbGsy3ZAsCgKj-UOGZomNYcmWhJl0isEYWm2QkfEPGpfUUoqU1UtyRwD-zgemkiVMA5Ju6AaLu2SDX_aV2lXqwVeA_qsNqwQN-0Zr8uEtV0PN_0oorrkAeOXIW70aJhfpzMZo_&__tn__=-UC%2CP-R) for [MongoDB's Update Operators: Mastering $push, $set, and $addToSet for Efficient Data Management](./articles/mongodbs-update-operators.md)
9. [Samin Israr Ravi](https://www.facebook.com/groups/196275986482127/user/100024504072245/?__cft__[0]=AZVXMf8IphXlnTvY7qwcQ0QO7uiL7oRHma-Y2f4ZYZmLuA5utedOgUforGrAAzwhRGABmlKi90kbpUgMv73adUjUM-BtRg_mDji7n4qiApFa0DLdIfx8xsNHQ-QsKBM6AgGDhkclvR7Il49uPqSpFbpW&__tn__=-UC%2CP-R) for [Unleashing the Power of Querying : Discover MongoDB's $not and $nor Operators](./articles/unleashing-the-power-of-querying.md)
10. [Tanmoy Parvez](https://www.facebook.com/groups/196275986482127/user/100009656776349/?__cft__[0]=AZUTBiFBXKkM2Ou-flLonre4RhYVx3SnK18PebfVuXDUlrxpsfhojJ_LVew6cxFtkyWkZBcwnG3IZpWXN_2-NEt6wqrJhqSSQIXhgjuN5ZKkevXcd4fnDUmYmp-uC73SL7YdPz8q5V86RcSICkG3F2_e&__tn__=-UC%2CP-R) for [Boost Your MongoDB Queries: Deep Dive into $in, $nin, and $or Operators](./articles/deep-dive-into-in-nin-and-or-operators.md)
11. [Simba](https://stackoverflow.com/users/5101148/simba) for [Permanently removing a file from git history](https://stackoverflow.com/questions/58161926/permanently-removing-a-file-from-git-history)
12. [Jason Cheung](https://www.youtube.com/@jasoncheung94) for [Git - How to Duplicate a Repository with History ( Full duplicate, no fork)](https://www.youtube.com/watch?v=lhlUOSfZu24)

## LICENSE

[![CC0](https://licensebuttons.net/p/zero/1.0/88x31.png)](https://creativecommons.org/publicdomain/zero/1.0/)

To the extent possible under law, [Ｍ♢ＮＴΛＳＩＭ](http://montasim-dev.web.app/) has waived all copyright and related or neighboring rights to this work.