Skip to content

Latest commit

 

History

History
77 lines (41 loc) · 3.51 KB

README.md

File metadata and controls

77 lines (41 loc) · 3.51 KB
Raw

A project on cloning of "The New York Times" website

Getting started 📚

  1. Use git clone to clone the repository.
  2. Install required dependencies with npm install.
  3. Run the server with npm start.

Click here to run Live demo

Toggl Track

------------------- INTRODUCTION ----------------------

The project statement given to us was to create a dynamic clone of The New York Times web app. It is an American daily newspaper based in New York City with a worldwide readership.

------------------- TEAM MEMBERS --------------------

1.) Lokesh Github profile

2.) Aejaz Github profile

3.) Suraj Github profile

3.) Rakesh GitHub profile

----------------- Comaprison of Original and cloned page --------------

Screenshot for Original and Cloned News Page. Original Web app homepage Cloned Web app homepage

Screenshot for Original and Cloned Search page.

Original project page Cloned project page

Screenshot for Original and Cloned Footer page.

Original Insight page Cloned Insight page

-------------- Languages used ------------------

The web-app has been bulit using ReactJS

---------------- Web app detail ----------------

Flow of webpage- (please note the datas fetched for each sites are being done by using local storage, mock server and api requests.)

Step-1: You need to install npm, NodeJS in your system in order to run the application. npm install.

Step-2: Follow the link to install npm and node on your local system. http://blog.teamtreehouse.com/install-node-js-npm-windows.

Step-3: After successful installation of npm and node, user needs to install the dependent packages that are used for the project.

Step-4: After installations are complete, please make sure Mockserver is running on Localhost - 3000 use the code to start mock-server - json-server --watch user.json --port 3000.

Step-5: Run the React app by typing in npm start to your terminal.

---------------------------- Resources and Dependencies used ----------------------------------

Website detail
Google Google has been used to get some quick info regarding some elements and Libraries.
MDN web docs Resources from MDN has helped a lot to understand a varety on new codes.
React Icons This package has helped us in adding icons to our app
Material UI This ready to use React Component has helped us a lot in designing Navbar and other layouts.
React Social This package has been used to enable the user to share the article on social media.
React Wysiwyg This is a rich text editor component based on Draft.js and has been used as an editor to add new articles.