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