NY Times Revamped, a project made with React & Tailwind CSS

Author: Santhosh Umapathi

Installation

NY Times Revamped requires Node.js or Yarn to run.

Install the dependencies and start the server.

cd NYTimes-Revamped

yarn install && yarn start

Live Demo

NY Times Revamped

Running the Project

• Create a .env.local file. Copy the variable from .env.example file
• Add the API key from Developer: NY Times Developer Portal
• Install the required dependencies using yarn install and run yarn start

Project Features

• Lazy Loading
• Internationalization
• Theme - Light Mode, Dark Mode
• Responsive Layout
• Animations
• Search as you Type
• URL query,page based searches
• Skeleton Placeholders

Packages

• Recoil - State Management
• react-toastify - Toast Notifications
• react-perfect-scrollbar - Scroll bar
• react-loading-skeleton - Skeleton Placeholder
• react-i18next - Internationalization
• axios - Network Requests

Project Structure

• public
• src
  • api
  • assets
    • images
    • locales
  • components
    • icons
    • page
  • constants
  • helpers
  • hooks
  • layout
  • pages
  • recoil

Project Screenshots

• Mobile
• Tablet
• Desktop

Github Source

Git Repository

License

MIT

Free Project, Hell Yeah!