This project is a feeds app that allows users to explore and interact with various media content. It utilizes modern web technologies and libraries to provide a seamless user experience. The app includes features such as searching for media content, adding favorites, and displaying popular movies based on user preferences.
https://lit-cove-88468-0beb0a424a06.herokuapp.com/
- Browse and view a feed of content items.
- Search for specific content items using text-based search.
- Real-time updates for new content using WebSocket communication.
- React for building user interfaces.
- Material-UI (MUI) for a consistent and attractive UI design.
- Swiper for a sleek and responsive content carousel.
- Axios for making API requests.
- React-redux for state management.
- React-highlight-words for highlighting search results.
- Express.js for building the backend server.
- MongoDB with mongoose for database interactions.
- JSON Web Tokens (jsonwebtoken) for user authentication.
- Redis for caching and improving performance.
- Socket.io for real-time communication.
- Express-rate-limit and express-slow-down for rate limiting and slowing down requests.
To run the Feeds App on your local machine, follow these steps:
- Clone the repository:
git clone https://github.com/mianmiantea2019/feeds-app.git - Navigate to the frontend directory:
cd feeds-app/frontend - Build frontend project:
yarn run build - Install backend dependencies:
yarn install - Start the backend server:
yarn start
The app should now be accessible at http://localhost:5000.
- Browse the feed by scrolling through the content items.
- Use the search bar to search for specific content.
- Click on a content item to view more details.
- Mark content items as favorites by clicking the "Favorite" button.
- Real-time updates will notify the updates on user favoriate movie session.
Contributions to the Feeds App are welcome! If you find a bug or want to add a new feature, please follow these steps:
- Fork the repository.
- Create a new branch for your feature:
git checkout -b feature-name - Make your changes and commit them:
git commit -m "Add new feature" - Push to your fork:
git push origin feature-name - Create a pull request to the main repository.
- In future updates, the movie streaming application will introduce subscription plans to provide users with different tiers of access and additional features. This will allow users to choose a plan that best suits their preferences and unlock exclusive content.
- Incorporates testing using Jest and React Testing Library.
This project is licensed under the MIT License.