Deep-Codes

• Show the GitHub repo / blog -> git clone -> template branch
• Explain folder structure
• components -> have all dumb react components most of them are stateless, some of them need props which we will look into when we are using them
• Icons -> have all our icons as a react svg component
• Utils -> have all our utility functions
• Show example.env

Add env variables in .env file

---

Deep-Codes

import React from 'react';
import Image from 'next/image';

interface Props {
  width: number;
  height: number;
  src: string;
  alt: string;
}

Deep-Codes

:root {
  --default-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
    'Helvetica Neue', sans-serif !important;
  --mermaid-font: var(--default-font);
  --reveal-font: var(--default-font);
  --font-monospace: Menlo, Monaco, Lucida Console, Liberation Mono,
    DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace !important;

  --text-xs: 12px;

Deep-Codes

{
  "path": "pages/changelog.mdx",
  "repo": "chloromaps"
}

Deep-Codes

COA

Practicals on LOGISIM and TASM.

• Details and Features of 8086 microprocessor
  • enhanced v of 8085 developed by Intek in 1976
  • 16-bit microPro
  • 20 address lines
  • 16 data lines
  • 1mb storage and powerful set of instructions(multiply , divide)