Silver Screen UI is the React-based front-end of the Silver Screen platform – a full-stack web application for discovering, organising and discussing movies and series with your friends. It talks to the companion Silver Screen API for data and authentication, and ships with a modern Material UI-powered dark theme out of the box.
-
Explore Catalogues – Landing page with trending movies & series, genre pages and a search bar.
-
Movie / Series Preview Pages – Movie related backdrops, description and general information, cast & crew information, YouTube trailer, comment section and tmdb & social circle ratings in a single page view.
-
Ratings, Reviews & Lists – Add titles to a personal watch-list, leave ratings, send recommendations to your friends and join the discussion thread under every film.
-
In-App Notifications – Recieve notifications on your anticipated title release date or recommendations sent from friends.
-
Administration Panel – Administrators have access to a separate panel for movie database control, report evaluation and user banning.
| Layer | Technology |
|---|---|
| Front-End | React, TypeScript |
| UI Kit / Styling | Material UI |
| Routing & State | Axios |
| Testing | Jest ready |
| Data Source | SilverScreen REST API |
- Node.js 16+
- npm 8 (or yarn)
- Running instance of the SilverScreen API exposed at
REACT_APP_API(defaults tohttp://localhost:5000/api)
git clone https://github.com/vasilev17/silver-screen-ui.git
cd silver-screen-ui
npm install
npm start # opens http://localhost:3000
