Skip to content

Latest commit

Β 

History

20 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

MOVIE TRACKER

MOVIE TRACKER FULLSTACK AI PROMPTED PROJECT

This 🎬 Movie Tracker project is a full-stack application built using ReactJS for the frontend and C# .NET MVC for the backend, with MongoDB πŸ›’οΈ as the database to persist user data. It allows users to add movies with a title and optional notes, mark them as watched or unwatched, and rate them ⭐. The project was designed with prompt engineering via RooCode AI πŸ€–, enabling rapid scaffolding and automation of common tasks, boosting development speed and consistency. ReactJS was chosen for its responsive UI and component-based architecture, ideal for rendering dynamic movie lists. On the backend, C# .NET MVC provides a robust and scalable API framework, ensuring structured routing and controller logic. MongoDB supports flexible data storage, perfect for managing user-generated content without strict schema constraints. All RESTful endpoints were tested using Postman πŸ“¬ to ensure smooth communication between client and server. This project showcases a seamless integration of technologies and development practices to deliver a feature-rich, user-friendly movie tracking system.

Frontend Picture of MovieTracker Fullstack Project

Screenshot 2025-05-08 at 22 41 10

Backend Picture of MovieTracker Fullstack Project

Screenshot 2025-05-08 at 22 44 30

About

  • πŸ‘‹ Hi, I’m Chidike Henry
  • 😎 I’m a fullstack developer
  • πŸ’» This is a fullstack movie tracker project built with ReactJS, C# and RooCode AI.
  • πŸ’žοΈ I’m looking to collaborate on AI, C#, .Net mvc and ReactJS projects
  • πŸ“« How to reach me chidike.henry@gmail.com

Technologies Used

  • RooCode AI
  • C#
  • .Net
  • ReactJS
  • Github
  • Git
  • Typescript
  • MongoDB
  • TailwindCSS
  • Postman

TASK

image

TASK

image

Steps taken

Screenshot 2025-05-08 at 22 51 43
  1. I downloaded RooCode AI extension into my VSCode and put in the settings as shown in the picture above and it connected successfully.
  2. After successfull connection, I then passed in necessary prompts to the RooCode code and run the commands which was used to create both frontend and backend section of my movie tracker app
  3. I created my MongoDB Database and connected it to the Backend
  4. I tested out my backend endpoints
  5. I used the RooCode AI prompting to create the Frontend section with ReactJS and Typescript and TailwindCSS
  6. Tested Connection of Frontend to Backend
Screenshot 2025-05-08 at 23 17 28

Backend API Documentation with Postman

** Link: https://documenter.getpostman.com/view/29763810/2sB2j978ZA

MongoDB as Database

Screenshot 2025-05-08 at 23 37 42

Author

πŸ‘€ Author1

Contributing

Contributions, issues, critics and feature requests are welcome!

Show your support

Please give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to Heimdall Project
  • Inspiration to all devs
  • etc

About

🎬 A simple movie tracker built with ReactJS, Roo Code AI, and C#, allowing users to βž• add movies with optional notes, βœ… mark them as watched or unwatched, ⭐ rate them, and store all data securely in MongoDB πŸ—‚οΈ.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages