TMovie is a web application that allows users to browse, search, and stream movies. Built with Next.js, TypeScript, and Tailwind CSS, it integrates with TMDb API for movie data and Vidsrc Embed API for streaming.
Key Features
Movie Browsing
Users can view popular movies on the home page, with detailed information available for each movie.
Search Functionality
Search for movies by title and get instant results.
Movie Details
Detailed information about each movie, including title, release date, overview, and poster.
Favorite Movies
Users can add movies to their favorites list and view them separately.
Direct Streaming
Stream movies directly from the application using the Vidsrc Embed API.
Technologies Used
- Next.js 13: React framework for server-side rendering and static site generation.
- TypeScript: For type safety and better developer experience.
- Tailwind CSS: Utility-first CSS framework for styling.
- Zustand: State management library.
- TMDb API: For fetching movie data.
- Vidsrc Embed API: For embedding movie streams.
Future Improvements
- User authentication
- Personalized movie recommendations
- Movie ratings and reviews
- Trailer playback functionality
- Pagination for movie listings
Conclusion
TMovie showcases how to build a modern web application using Next.js, TypeScript, and Tailwind CSS. By integrating with external APIs, it provides a seamless experience for browsing, searching, and streaming movies.
Check out the source code on GitHub for more details on how it was built.