Skip to content

Instantly share code, notes, and snippets.

View aloksharma1's full-sized avatar
🏠
Working from home

Alok Sharma aloksharma1

🏠
Working from home
5 followers · 65 following
View GitHub Profile
@aloksharma1
aloksharma1 / tailwind-webpack-setup.md
Created October 22, 2023 17:01 — forked from bradtraversy/tailwind-webpack-setup.md
Setup Webpack with Tailwind CSS

Webpack & Tailwind CSS Setup

Create your package.json

npm init -y

Create your src folder

Create a folder called src and add an empty index.js file. The code that webpack compiles goes in here including any Javascript modules and the main Tailwind file.

@aloksharma1
aloksharma1 / .babelrc
Created October 21, 2023 14:04 — forked from c9s/.babelrc
webpack + babel + typescript + es6 - total solutions!
{
"presets": ["es2015"],
"plugins": ["transform-runtime"]
}
@aloksharma1
aloksharma1 / package.json
Created October 21, 2023 08:00 — forked from charleslukes/package.json
Webpack Configuration for ESModule
{
"type": "module",
"dependencies": { },
"devDependencies": {
"webpack": "^5.87.0",
"webpack-bundle-analyzer": "^4.9.0",
"webpack-cli": "^4.10.0",
"webpack-dev-server": "^4.15.1",
},
@aloksharma1
aloksharma1 / Setting up Webpack for Typescript Project From Scratch.md
Last active October 21, 2023 07:46 — forked from rupeshtiwari/Setting up Webpack for Typescript Project From Scratch.md
Setting up Webpack for Typescript Project From Scratch

Setting up Webpack for any Typescript project from Scratch

Welcome to step by step hands-on guide to setup webpack in your upcoming typescript project. Please follow the steps and you should be able to create your own webpack project. Please download the source code from github.

You will learn below things:

  1. ✅Create a Typescript node.js project.
  2. ✅Install Dependencies with webpack & typescripts.
  3. ✅Use Webpack CLI to crate webpack.config.js file and modify webpack.config.js based on our need.
@aloksharma1
aloksharma1 / Ultimate.Angular.VsCode.Profile
Last active October 17, 2023 10:01
{"name":"Angular","settings":"{\"settings\":\"{\\r\\n \\\"tabnine.experimentalAutoImports\\\": true,\\r\\n \\\"editor.linkedEditing\\\": true,\\r\\n \\\"cSpell.userWords\\\": [\\r\\n \\\"Additionals\\\",\\r\\n \\\"apexcharts\\\",\\r\\n \\\"APPDATA\\\",\\r\\n \\\"aspnet\\\",\\r\\n \\\"aspnetcore\\\",\\r\\n \\\"detailscontainer\\\",\\r\\n \\\"devkit\\\",\\r\\n \\\"ecommerce\\\",\\r\\n \\\"fontawesome\\\",\\r\\n \\\"fortawesome\\\",\\r\\n \\\"Informations\\\",\\r\\n \\\"keenicon\\\",\\r\\n \\\"metronic\\\",\\r\\n \\\"ngfactory\\\",\\r\\n \\\"nguniversal\\\",\\r\\n \\\"nouislider\\\",\\r\\n \\\"popperjs\\\",\\r\\n \\\"prestart\\\",\\r\\n \\\"prismjs\\\",\\r\\n \\\"Progressbar\\\",\\r\\n \\\"recalc\\\",\\r\\n \\\"regionmanager\\\",\\r\\n \\\"socicon\\\",\\r\\n \\\"speak\\\",\\r\\n \\\"Swal\\\",\\r\\n \\\"sweetalert\\\",\\r\\n
@aloksharma1
aloksharma1 / api-download-resume.md
Created March 31, 2023 06:51 — forked from stormwild/api-download-resume.md

Web Api

Download Resume

make download resumable using c#

Resuming files is done by specifying the byte range of the file you would like to download using the Range HTTP header. This can be done in .NET with the HttpWebRequest.AddRange function.

For example:

@aloksharma1
aloksharma1 / gist:9191853
Created February 24, 2014 16:40 — forked from aalaap/gist:3066704
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="Aalaap Ghag" />
<title>Twitter&rsquo;s Bootstrap with Ryan Fait&rsquo;s Sticky Footer and Aalaap Ghag&rsquo;s Responsive Padding Fix</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<style>
html, body {