Giter Club home page Giter Club logo

agrawalrajat310 / dna-news-clone Goto Github PK

View Code? Open in Web Editor NEW
8.0 1.0 1.0 137 KB

DNA News Clone is an online news web application that allows you to search about different categories of news. DNA is India's first newspaper with a responsive and dynamic website. (www.dnaindia.com).

Home Page: https://spectacular-otter-c3b514.netlify.app/

License: Apache License 2.0

HTML 24.08% JavaScript 58.76% CSS 17.16%
css dom-manipulation html javascript masai-school netlify localstorage

dna-news-clone's Introduction

Hi there 👋

top

I'm Rajat Agrawal

agrawalrajat310

agrawalrajat310

coding

  • 🌱 I’m currently learning MERN

  • 👨‍💻 All of my projects are available at my Portfolio

  • 💬 Ask me about HTML, CSS, JavaScript, ReactJS, Redux, NodeJs, Express Js, MongoDB and Data Structure And Algorithms

  • 📫 How to reach me - do email me on [email protected]

  • 👉 My LinkedIn Profile - Rajat Agrawal

  • ⚡ Fun fact I think, I can write good & clean quality code.

Summary :

A passionate Full Stack Web Developer, who loves to create slick and attractive websites. Proficient in Web Development, HTML, CSS, JavaScript, React Js + Redux, Next Js, Mongo DB, Express JS, Node Js, Data Structure And Algorithms. Approachable team leader, always keen to take the goal-oriented path to complete the tasks at hand. Looking further to enhance my skills as a Full-Stack Web Developer.

Languages:

HTML CSS JS Typescript React Redux React Redux NodeJS Express JS MongoDB NPM Figma

Tools:

GitHub VSCode agrawalrajat310 Netlify Vercel Cyclic GIT Slack

Support:

agrawalrajat310




Connect with me

LinkedIn

Twitter

✍️ Random Dev Quote

🏆 GitHub Trophies:

agrawalrajat310

📊 GitHub Stats:

agrawalrajat310


agrawalrajat310


agrawalrajat310

⚡Activity Graph:

Github activity graph

dna-news-clone's People

Contributors

abhishek8308 avatar agrawalrajat310 avatar bhaveshkumar96 avatar ravi515k avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar

Forkers

bhaveshkumar96

dna-news-clone's Issues

Create detailedNews page

  • create html and css page ready for detailedNews
  • read documentation and apply it
  • create js file for latest news
  • Add functionality for more content of news

video section

  • indexpage (video section)
  • education page (video section)
  • home page(video section)

About JSON server.

  • Learning something new about "How to make JSON server on Heroku".

  • Using Heroku is something difficult at first but trying to understand asap.

fetach

  • console data
  • append data
  • css part

search bar & implements

  • search bar logo
  • hide functionality
  • API for search bar
  • export search functionality
  • test append data
  • implement search details
  • crosscheck for errors

slideshow

  • hardcode Url , title
  • append data
  • css part

create latest news page

  • create html and css page ready for latet news
  • search for respective API
  • read documentation and apply it
  • create js file for latest news

Footer and Right SIdebar

  • make a footer section
  • add all respective divs in footer section
  • add all links in the footer section
  • give perfect CSS to the footer section
  • add all logos in footer
  • add links in right sidebar
  • add news div in right sidebar section
  • give perfect CSS to right sidebar
  • export both footer and Right Sidebar

Using The API.

  • Using the API finally shared by Nrupul sir.

  • That API is for all countries data but I am only allowing to fetch the India news from that API.

  • Data is successfully fetched from the API on the Photos page.

  • Detailed news is also shown on clicking every news.

  • All other components are successfully imported.

Navbar

  • search button
  • DNA logo
  • create Component File
  • export Navbar
  • import in html file

Add components

  • Add navbar
  • Add footer
  • Add left sidebar
  • Add right sidebar

Day-3 Sidebar

  • latest news
  • photos
  • ind vs Aus
  • videos
  • explainers
  • india
  • entertainment
  • sports
  • viral news
  • lifestyle
  • education
  • business
  • worls
  • ezMall
  • id and css part

Create photos page

  • Create HTML and CSS files for "Latest Photos Section".

  • Search for respective API.

  • Read documentation and apply it.

  • Create JS file for photos section news.

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.