akhil-gautam

📌 Product Requirements Document (PRD)

1. Problem Statement

• What problem are we solving?
• Why does this matter?

2. Goals & Success Metrics

• Primary objectives
• Success criteria (preferably measurable)
• e.g., “Reduce user churn by 10%” instead of “Make users happier-ish”

akhil-gautam

const API_URL =
  'https://newsapi.org/v2/top-headlines?country=us&apiKey=65fe12450a1942bab3176e10e8c48062';

const getParentEl = () => document.querySelector('.list');

const getNews = () => {
  fetch(API_URL)
    .then((res) => res.json())
    .then((res) => {
      createList(res.articles);

akhil-gautam

import React, { Suspense, lazy } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import './App.css';

// importing the Home component by default
import Home from './Components/Home';

// importing other components using Dynamic Import
const About = lazy(() =>

akhil-gautam

import * as React from 'react';
import { withAuthorization } from './withAuthorization';


// you can specify interface for props and state, I left it as 'any'

class ServerMonitor extends React.Component<any, any> {
  
  render(){
    return(

akhil-gautam

import * as React from 'react';

// other parameters like allowed roles can also be passed to this HOC
// depending on your requirement.

export const withAuthorization = (OriginalComponent:any) => {

  return class extends React.Component {
  
    render(){

akhil-gautam

withDocker: &withDocker
  docker:
    - image: circleci/node:9.6
version: 2
jobs:
  build:
    working_directory: ~/ProjectDirectory
    <<: *withDocker
    steps:
      - checkout

akhil-gautam

{
  "hosting": [
  {
    "target": "appone",
    "public": "dist1",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],