Giter Club home page Giter Club logo

hindustan-times-clone's Introduction

Logo

Hindustan Times - Clone

  • Hindustan Times is an Indian English-language daily newspaper website.

  • We have cloned This website in five Days.

Environment Variables

To run this project, you will need to add the following environment variables to your file

API_KEY

Features

  • Signup/Login
  • Latest news
  • Fullscreen mode only

Tech Stack

  • JavaScript
  • HTML/CSS
  • APIs

๐Ÿ”— Links

portfolio

portfolio

portfolio

portfolio

Screenshots

App Screenshot

App Screenshot

App Screenshot

App Screenshot

Usage/Examples

// We can inport multiple functions using this...
import {fun1,fun2,fun..,funN} from 'FolderName'

document.querySelector(".className").innerHTML = fum1();
document.querySelector("#Idname").innerHTML = fum2();

//etc..

Using this we can use same code multiple times.

Lessons Learned

We learned how to fetch APIs and build a good website using it.

Support

For support, email [email protected] .

Applogies

It might be possible that you will not see the News due to API Policy.

hindustan-times-clone's People

Contributors

aakarshpatel84 avatar keshavch0udhary avatar pankaj-78278 avatar rahamat725 avatar shalini2909 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

hindustan-times-clone's Issues

Functionality & CSS

  • Function in the Page
  • styling the left section
  • styling the right section
  • Styling the middle section

Latest Page - Structure

  • Structure of Left section
  • Structure of right section
  • Structure of Middle section
  • Work On Data & Details

Navbar

  • Basic Structure 3.5hrs
  • Side bar section 2.5hrs
  • Basic Styles 2hrs

Home-Page-Functionality

  • apply click event on div
  • apply functionality for particuler div
  • transfer data to detail page
  • detail page structure

Home-Page-Link To-Detail-Page

  • apply linking functionality between home page to detail page
  • append data detail page
  • make responsive home page & detail page
  • apply css home page & detail page

Structure of Cricket Page

  • Basic Structure of left section 45 min
  • Basic Structure of middle Section 45 min
  • Basic Structure of Right section 45 min

Astrology Page

  • Creating Astrology page
  • Giving functions to it
  • Styling with CSS

Home-Page-Structure

  • Home Page Top Structure
  • Home Page Left Structure
  • Home Page Right Structure
  • Home Page Bottom Structure

Home-Page-Data-Fetching

  • Using Api for fetching
  • ganerate a api key
  • using fetching functionality
  • using append functionality

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.