This is a simple client-side React application for viewing and administration parsed Lifehacker RSS feed. App is bundled with vite and based on React with TypeScript. The back-end server-side application code is located in my GitHub right here rss-parser-server.
To provide it main functionality this app uses the following packages/libraries :
- react-query - powerful instrument for fetching, caching and updating data in React and React Native applications
- react-hook-form - great stuff for dealing with forms in React
- react-window - for virtualization of a large data set
- react-bootstrap - for styling UI components.
This app shows lifehacker RSS posts, which are parsed by schedule on server-side and stored in database. Unauthorized users can view all posts using pagination, filter by creators and categories, sort by date and title, search by title and description as well. Registered and authorized users (admins) can perform CRUD operations on posts, categories and creators. App's design is responsive and mobile-friendly))
If you want to sign in as admin in dev mode without email verification, feel free to use next credentials (no worries: this won't hurt any app's security - this works only in container and local database):
- email: admin@gmail.com
- password: Qwerty123-
The App Client is currently located on netlify platform. Here is link.
This is containerized app. Please, check out ./Makefile with most used commands for quick application start.
make up| Start all containers (in background)make down| Stop all started containersmake install| Install depsmake shell-once| Start node containermake run-dev| Start node container and start app in development modemake run-build| Start node container and build app
Clone it, install dependencies and run the APP.
It will be better to improve next stuff in this app (so-called TODOs):
- refactor TypeScript interfaces
- add eslint