https://github.com/swapno963/move-viewer

✓ Created /api/movies endpoint to display all movies and /api/movie/{id} endpoint for individual movie requests (GET, PATCH, DELETE). ✓ Displaying movies in card format with a Movie Details Modal and structured URL routes. ✓ Added Not Found page for invalid routes, and multi-language support (Bengali, English) based on browser settings.
https://github.com/swapno963/move-viewer

Last synced: 26 days ago
JSON representation

✓ Created /api/movies endpoint to display all movies and /api/movie/{id} endpoint for individual movie requests (GET, PATCH, DELETE). ✓ Displaying movies in card format with a Movie Details Modal and structured URL routes. ✓ Added Not Found page for invalid routes, and multi-language support (Bengali, English) based on browser settings.

• Host: GitHub
• URL: https://github.com/swapno963/move-viewer
• Owner: Swapno963
• Created: 2024-03-31T14:00:17.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-02T20:15:39.000Z (9 months ago)
• Last Synced: 2024-04-03T20:07:41.389Z (9 months ago)
• Language: JavaScript
• Homepage: https://move-viewer.vercel.app
• Size: 277 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Movie Viewer

## Movie API Implementation

✓ Created an API endpoint `/api/movies` to display all movies from the `data.js` file stored in the `dist` folder.

✓ Implemented another API endpoint `/api/movie/{id}` to handle GET, PATCH, and DELETE requests for individual movies. This endpoint successfully retrieves movie details by id, updates the title property with a PATCH request, and deletes movies with a DELETE request.

✓ Dynamically imported data from the provided `data.js` file and displayed the movies on the UI in a card format and utilized dynamic import.

✓ Implemented a Movie Details Modal that opens when clicking on the details button of each movie. URL routes were structured as `/movies/:movieId`. Parallel Routing and Intercepting Routing were implemented to ensure seamless navigation and page reloading functionality.

✓ Implemented a Not Found page to display when navigating to non-existent routes in the application. Additionally, a specific message is displayed for movie details requests with non-existent ids.

✓ Successfully implemented multi-language support for the entire assignment. Provided language options for Bengali and English, with language preference automatically selected based on the browser's default settings.