This is a React (+TS) project of news website realized based on Readdit news site acording to Figma maket (https://www.figma.com/file/STABzVueKL3brf4aOgkvW2/Rd-(Mirror)?type=design&node-id=94-2&t=0HYy6B594EmjsQWo-0) and Reddit API (https://github.com/reddit-archive/reddit/wiki/API).

In the project directory run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Here are implemented:

• functional components;
• authorization using public API Reddit (getting and saving token);
• React hooks (useEffect, useState, useRef..);
• Ref and useRef React hook - implementation of a click outside mechanism to hide a modal window;
• Customs hooks;
• passing Data with Context, rendering components with Portal;
• controlled and uncontrolled components using the example of a comment field for a post;
• loading a feed of posts;
• using Redux as main state management library for this app (actions, reducers, react-redux, redux-thunk);
• using Zustand such as additional state management library;

Main page:

Modal with Post: