XFlix is a video sharing platform which hosts videos for the world to watch. It also features uploading new videos by using external video links (eg: Youtube) and playing these videos.
Frontend: https://a-krishnakundan-xflix-react.netlify.app/
Backend: https://xflix-backend-492l.onrender.com
• Overview
• Built XFlix Frontend from scratch
• Built XFlix Backend from scratch
• Authors
During the course of this project,
• Built XFlix frontend using React.js from scratch.
• Utilized the figma file to understand the design requirements.
• Built XFlix backend using Node.js, Express.js and MongoDB from scratch.
• Implemented APIs according to the API contract set.
Backend: Node.js, Express.js, REST API
Frontend: React.js, REST API
Database: MongoDB
Tools: Figma, Postman
Scope of Work:
• Implemented 3 views - Landing page, Video page, Video Upload Modal - in alignment to the Figma design.
• Used Postman collection to understand the API requirements for 5 different REST APIs.
• Utilized Postman Mock Server to check working of the Frontend application end-to-end.
• Deployed the React application to Netlify.
Scope of work:
XFlix API contract in Postman
Implemented a set of 5 REST APIs
GET /v1/videos
GET /v1/videos/:videoId
POST /v1/videos
PATCH /v1/videos/:videoId/votes
PATCH /v1/videos/:videoId/views
• Improved GET /v1/videos endpoint to allow video title search, filtering by multiple genres, filtering by content rating, sorting by video upload date or view count.
• Utilized MongoDB to persist video data.
•Plugged-in the backend to XFlix frontend and deployed the Full-stack application.
Request variants supported by “GET /v1/videos” endpoint