https://github.com/taypyc/articles-application

https://github.com/taypyc/articles-application

emotion jest-tests mui-icons mui-material react react-router-dom redux typescript

Last synced: 17 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/taypyc/articles-application
• Owner: taypyc
• Created: 2024-08-15T22:01:33.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-16T08:17:39.000Z (3 months ago)
• Last Synced: 2024-10-11T07:42:25.136Z (about 1 month ago)
• Topics: emotion, jest-tests, mui-icons, mui-material, react, react-router-dom, redux, typescript
• Language: TypeScript
• Homepage: https://articles-application-demo.vercel.app
• Size: 363 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# News application

This application is based on  API.

The application is made using the ReactJS library + TypeScript programming language. The following tools were used: AXIOS for API requests, React Router for routing the application, Redux for managing the state of the application and its requests, Redux Persist for saving data in Local Storage, React Hook Form for building and validating the form. The MUI component library was also used for the UI.

Implemented: initial page, a page with a list of articles that are loaded from the API, an article component, a form for adding soy articles (with validation), adding articles to favorites and a page with these articles, buttons for calling the form and scrolling the page to the top. "Infinite Loader" is also implemented.

You can find the demo online follow the link: 

The application code is for your attention above.

## Can also be run locally

For this you need:

1. Clone the repository to your computer (by executing the command: git clone :taypyc/articles-application.git in the terminal).

2. Run the application using the npm run start command.

The application will be available at:  in the browser.

For deployment, the code is automatically optimized for browsers using the built-in Webpack.

### The application is made using create-react-app.