This research paper presents a comprehensive study and project that elaborates on the development of CinemaNerd, a full-stack web application designed as a personal movie discoverer. The frontend is developed using HTML, CSS, and JavaScript, whereas the back-end REST API is implemented in Node.js and Express.js. Data is stored persistently in a JSON file on the server. The application allows users to access a carefully curated movie collection, search by title, rate movies on a scale of 1 to 10, maintain a personal watchlist, and leave public reviews. Authentication is performed using JSON Web Tokens (JWT), and passwords are hashed with bcrypt.js. The system ensures that authenticated users can only add to the watchlist and rate and review movies. All visitors can easily see reviews, which allows community-driven content. The project illustrates the real-world application of full-stack web development concepts, including REST API design, token-based authentication, file-based persistence, and responsive UI development.
Keywords
CinemaNerd, Node.js, Express.js, JWT Authentication, REST API, Watchlist, Movie Review System, Responsive Web Design, bcryptjs, Full-Stack Development.
Conclusion
CinemaNerd demonstrates how a full-stack web application can be developed using modern JavaScript technologies. The project encompasses a broad spectrum of computer science concepts, including REST API design, token-based authentication, secure password management, file-based data storage, responsive UI development, and client-server communication.
The system offers a user-friendly experience, including real-time search, a persistent star rating, a personal watchlist, and a community review system, all seamlessly integrated. The codebase is clean, maintainable, and easy to extend because the frontend and backend are separated into independent modules.
The project emphasises the ability to create practical, real-world web applications without relying on heavy frameworks or paid cloud services, making it a perfect project to learn the basics of full-stack development.
References
[1] Duckett, J. (2011). HTML and CSS: Design and Build Websites.
[2] Duckett, J. (2014). JavaScript and JQuery: Interactive Front-End Web Development.
[3] Haverbeke, M. (2018). Eloquent JavaScript.
[4] M. Haverbeke, Eloquent JavaScript, 3rd ed. No Starch Press, 2018.
[5] K. Simpson, You Don’t Know JS. O’Reilly Media, 2015.
[6] Krug, S. (2014). Don’t Make Me Think.
[7] Bordwell, D., & Thompson, K. (2016). Film Art: An Introduction.
[8] Casciaro, M., & Mammino, L. (2020). Node.js Design Patterns.
[9] Ihrig, C. J. (2018). Pro Node.js for Developers.
[10] Martin, R. C. (2017). Clean Architecture.
How to Cite This Paper
Harsh Singh, Prabhakar Mishra, Nikhil Singh, Rajveer Yadav, Kaushal Pratap Singh, Mudit Dubey (2026). CinemaNerd: A Web-Based Movie Explorer with User Authentication, Watchlist Management, and Review System. International Journal of Computer Techniques, 13(2). ISSN: 2394-2231.
