New York Times Clone

New York Times Clone built with React.

This is the final project from the React course on the online course provider Start2Impact, where I'm studying front-end development.

Link

Project URL (hosted on Netlify)

Screenshot

Project

Users should be able to:

• View the optimal layout for the content depending on their device’s screen size
• See the homepage with the current top stories
• Select a section from the navigation menu and see the top stories related to that topic
• In the mobile and tablet versions, tap the menu icon to open the menu and the X icon to close it
• In the desktop version, click on the magnifying glass icon to see the search input
• Search for a topic and see a list of news related to the keyword entered
• Sort the results of the search by relevance (default), newest or oldest

Built with

• Semantic HTML5 markup
• CSS custom properties and media queries
• CSS Modules
• JavaScript
• React
• Create React App
• React Router
• New York Times API
• axios
• React Spinners
• classnames

Author

Chiara Stefanelli - Front-End Development Student based in Italy

• Website - Chiara Stefanelli
• LinkedIn - Chiara Stefanelli
• start2impact profile - Chiara Stefanelli