Project made for an internship application process at ScriptX
Project Should be made for android. Coding done on Windows11 machine and tested with Iphone. As a project itself, it is made with React-Native, used expo for testing and some routing between pages. Thanks to React-Native, app follows the devices color mode, as in: if device is in dark mode, the app follows and vice versa. Project has three main features that were supposed to be implemented (pictures will be included in this readme at the bottom):
- A basic homescreen with a few buttons with my idea of making it personalized,
- A browse page that lets users browse through movies sepparated by categories. main categories were: least popular, latest and upcomming movies, followed by each genre that TMDB api allowed me to get. this screen allows for vertical scrolling between each category aswell as horizontal scrolling within categories to browse movies
- A movie details page, that shows a picture of the movie, title, description/overview of the movie and two buttons to add to library and to watch movie(these features may come if i want to make the app more full), but for now these buttons just show a pop-up after pressed. At the bottom of the screen you can see movies that may interest you - meaning that they share the same genre of movie.
- Basic dummy login screen that's just there :)
- Working on implementing a trailer watching screen, so when the user wants to press play movie button, they get redirected to this screen where they will be able to watch a trailer of their desired film.
Fork or just download the repository and navigate to ScriptXCinema directory
cd ScriptXCinemaYou must create a .env to store your own tmdb api keys to test out if the project works :) Main variable you will need is named TMDB_API_KEY, so when making your .env file, declare it as TMDB_API_KEY=your_key_here or change a whole lot of calls with your desired api key
To test application i used Expo, which allowed me to test my project on my iphone. To use expo for testing of the application, you will need to use this command and get the Expo Go app on your mobile device:
npx expo startScan the generated qr code on your device and it will open your expo app, with which you will be able to try out the application. If you need to test out a web version of this application, use this command:
npx expo start --webOther commands:
cd ScriptXCinema npm run android npm run ios # you need to use macOS to build the iOS project - use the Expo app if you need to do iOS development without a Mac npm run web#Pictures







