usamabinkashif / google-clone-2.0

Google Clone 2.0

Google Clone 2.0

Table of contents

• Overview

  • Links
  • Video
  • Built with
  • Author
  • Credits
  
  

Links

• Live URL

Video

scrnli_8_8_2022_8-39-49.AM.mp4

Built with

• React
• Context API
• Tailwind CSS
• Google Search API

Custom Google Search ⬇

const UseGoogleSearch = (term) => {

    const [data, setData] = useState(null);

    useEffect(() => {
        const fetchData = async () => {
            fetch(`https://www.googleapis.com/customsearch/v1?key=${API_KEY}&cx=${CONTEXT_KEY}&q=${term}`)
                .then(response => response.json())
                .then(result => {
                    setData(result)
                })
        }
        fetchData().then(res => {
            console.log(res);
        }).catch(error => {
            console.log(error);
        });
    }, [term]);

    return {data};
};

Author

• Linkedin - usamabinkashif
• Frontend Mentor - @UsamaBinKashif

Credits

• Sonny Sangha
• Clever Programmer