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

------------------- 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.

Screenshot for Original and Cloned Search page.

Screenshot for Original and Cloned Footer 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.