Experience

FilmoTK

MongoDB
Javascript
Express
Bootstrap

Academic Experience

FilmoTK logo.

FilmoTK

In the "FilmoTK" project, I used technologies such as JavaScript, HTML, CSS, Bootstrap, and Express. The main objective was to develop an application using native web technologies to strengthen my understanding of web development without frameworks.

To achieve this, I implemented a responsive interface with Bootstrap, developed the application's logic using JavaScript, structured the content with HTML and CSS, and used Express to build the server and handle requests between the client and the application.

Project Overview

"FilmoTK" is a movie management application that allows users to search, create, edit, and delete records, as well as filter and search through large amounts of data. The project was developed to practice the integration between a web application and a MongoDB non-relational database, implementing complete CRUD operations while providing a simple and intuitive user experience.

Key Features

  • Complete Movie Management (CRUD): Users can add new movies, edit existing information, delete records, and view the updated catalog in real time.

  • Search and Data Filtering: I implemented a search system that allows users to quickly find movies and filter results when working with large datasets.

  • MongoDB Integration: The system connects to a non-relational database to store and retrieve movie information through requests handled by Express.

Technologies and Tools Used

  • JavaScript: Used to develop the application's core logic and user interactions.
  • HTML and CSS: Used to structure and style the user interface.
  • Bootstrap: Chosen to create a modern, responsive, and consistent interface.
  • Express: Used to build the server and manage routes and HTTP requests.
  • MongoDB: A non-relational database used to store movie information in a flexible and scalable way.

Challenges and Learnings

During the development of this project, I learned and strengthened my knowledge in:

  • Basic Fullstack application architecture.
  • CRUD operations implementation.
  • Frontend and backend integration.
  • Data management with MongoDB.
  • Responsive design using Bootstrap.
  • Route organization and request handling with Express.
  • JavaScript best practices and DOM manipulation.

Experiences

  • Frontend Development
  • Backend Development
  • Fullstack Development
  • Database Integration
  • Responsive Design