Skip to content

Instantly share code, notes, and snippets.

View nahidmbstu's full-sized avatar

NAHID HASAN nahidmbstu

View GitHub Profile
@nahidmbstu
nahidmbstu / design consistency.md
Created January 2, 2025 09:31
how to achieve and maintain design consistency:

how to achieve and maintain design consistency:

  1. Establish a Design System Create a Style Guide: Define a document with typography, color palettes, spacing, button styles, and other design rules. Component Library: Use libraries like Material-UI, Ant Design, or create your own reusable component library. Iconography and Imagery: Standardize the icons and images used across the app.
  2. Use a CSS Methodology BEM (Block-Element-Modifier): Helps in creating reusable and predictable CSS class names. CSS-in-JS: Tools like styled-components or Emotion can encapsulate styles within components. Tailwind CSS: Utility-first CSS framework for rapid UI development.
@nahidmbstu
nahidmbstu / gist:2e85c2c61396b5374f959e76c03d9b9a
Last active January 1, 2025 17:12
react native muti-level task app.js
import React, { useState } from "react";
import {
View,
Text,
TextInput,
Button,
FlatList,
TouchableOpacity,
StyleSheet,
} from "react-native";
@nahidmbstu
nahidmbstu / fileupload.js
Last active August 11, 2023 17:05
file Upload from browser to express js
import React, { useState } from 'react';
import axios from 'axios';
function App() {
const [selectedFile, setSelectedFile] = useState(null);
const handleFileChange = (event) => {
setSelectedFile(event.target.files[0]);
};
import cv2
import numpy as np
import os
# Get the current working directory
current_dir = os.getcwd()
# Specify the filename of the video file
video_filename = 'video.mp4'
@nahidmbstu
nahidmbstu / create-usb.sh
Created August 6, 2022 13:25 — forked from bmatcuk/create-usb.sh
Creating a Bootable Windows USB from ISO on a Mac
# First, we need to find our device. BEFORE inserting your USB drive, run the
# following:
diskutil list
# This will output a bunch of info about all of the disk drives connected to
# your Mac. Each entry will have a header in the form "/dev/diskX", where X is
# some number starting at 0. Now, insert your USB drive and run the command
# again. You should see a new entry. Make note of the name (ie, /dev/diskX).
diskutil list
const webpack = require("webpack");
const path = require("path");
const mode = process.env.NODE_ENV || "development";
module.exports = {
entry: "./src/index.js",
output: {
path: path.resolve(__dirname, "dist/"),
filename: "bundle.js",
},
@nahidmbstu
nahidmbstu / currency-list.json
Created June 14, 2022 09:04
all the currency of world countries
[
{
"country": "Afghanistan",
"currency_code": "AFN"
},
{
"country": "Albania",
"currency_code": "ALL"
},
{
@nahidmbstu
nahidmbstu / setup-ssl.md
Created December 26, 2021 06:13 — forked from pedrouid/setup-ssl.md
Setup SSL with NGINX reverse proxy

Get a Free SSL Certificate With Let’s Encrypt

Let’s Encrypt is a free, automated, and open Certificate Authority.

  1. Install tools for using the Let's Encrypt certificates using Certbot
  sudo apt-get update \
  sudo apt-get install software-properties-common
var btnall = document.querySelectorAll('[role="button"]');
btnall.forEach(item => item.click())
class Animal {
constructor(name, age, type){
this.name = name
this.age = age
this.type = type
}
getDetails(){
return this.name + this.age + this.type
}