DEV Community: HAFIZ ABDULMANAN

Angular in 15 days

HAFIZ ABDULMANAN — Wed, 14 Jun 2023 17:06:59 +0000

Going to start Angular from today and I will learn all concepts and will make a POC from it.

Suggestions and resources are welcomed!

First Day: TypeScript Documentation
Second Day: Angular: Big Picture course from PluralSight

Web Scraping Research Oriented

HAFIZ ABDULMANAN — Mon, 25 Jul 2022 17:45:00 +0000

Wanna deep dive in web scraping from beautifulSoup to Selenium.

We have made our own examples to get deep dive in these topics as well as we have scraped Zameen.com (House website), Indeed.com (Job website), The News International (News wesbsite), GitHub.com with API and with main page, Youtube comments and custom celebrity's tweets from Twitter.

I have provided my assistance to my university professor.

You can find these lectures and related codes on this playlist:
https://lnkd.in/dxFiRfq4

?Error on reloading the page in rendering

HAFIZ ABDULMANAN — Wed, 20 Jul 2022 10:35:44 +0000

I am getting a single object from an API call and when I load this works but when as soon as I reload it throws error and did not render anything and error is it did not recognizes data.picture.large larger property

import './App.css';
import a from 'axios'
import { useEffect, useState } from 'react';


function App() {

  const [data,setData] = useState({})

  useEffect(()=>{
    a.get("https://randomuser.me/api/")
    .then(res=> setData(res.data.results[0]))
    .catch(err=>console.log(err))
  },[])

  console.log(data);

  return (
    <div className="App">
      <img src={data.picture.large}/>
      <h1>{data.gender}</h1>
    </div>
  );
}

export default App;

?Assigning Api resposne to a variable undefined error

HAFIZ ABDULMANAN — Wed, 20 Jul 2022 09:55:33 +0000

I am getting undefined for variable d; even console.log(res.data.results[0]) is working fine

import './App.css';
import a from 'axios'


function App() {
  let d;
  a.get("https://randomuser.me/api/")
  .then(res => {
    //console.log(res.data.results[0])
    d = res.data.results[0]
  })
  .catch(err => console.log("Its en error"))

  console.log(d) // undefined

  return (
    <div className="App">

    </div>
  );
}

export default App;

?Error in Substring function in react

HAFIZ ABDULMANAN — Sun, 17 Jul 2022 17:41:53 +0000

This render for the first time but soon I reload the page I get the error Slice is not defined.

I am getting a random movie Object from API. Object.data.results[any random index].overview is description of movie. I wanna cut this description to only 10 (lets say) letters.



function App() {

  const [movie, setMovie] = useState([])

  useEffect(() => {
    async function fetchData() {
      const req = await axios.get("https://api.themoviedb.org/3/movie/550?api_key={API_KEY})
//example IMDB API key

setMovie(() =>
req.data.results
[Math.floor(Math.random() * req.data.results.length)]
)
    }
//getting a random movie from 20 movies by data.result
    fetchData();
  }, [])

console.log(movie?.overview.slice(0,15))//working 


  return (
    <div>
        <h1>{movie?.title || movie?.name || movie?.original_name}</h1>

        <div>
          {movie?.overview.slice(0,15)} //error
        </div>
    </div>    
  )
}

export default App