/movies-search-engine

A search engine interface where you can search for movies. Created using React framework with TypeScript.

Primary LanguageTypeScript

Movies Search Engine

Description

This is a search engine where you can search for movies by name or a part of the name.

Installation

  1. Clone the repository by running the following command:
git clone https://github.com/AymanElkridy/movies-search-engine.git
  1. Install the required dependencies by running the following command inside the working directory:
npm install
  1. Start the project by running the following command:
npm run start

How to use

Enter a string - 3 letters or more - in the search field and hit enter or click the search icon. A 10-movies-page will load with the first 10 search results. You can surf through the results pages using the < > buttons under the search bar. Each movie card is hyper-linked to it's IMDB page.

Used dependencies

  • bootstrap
  • react
  • react-bootstrap
  • react-dom
  • react-scripts
  • typescript
  • web-vitals
  • @types and @testing libraries

Credits

This project was done from scratch by Ayman Abdelwahed (AymanElkridy), only externally depending on libraries, documentations and developers community help, as a learning experience for React.js. The idea is provided by JavaScript Mastery Youtube Channel - React Tutorial. The API used is a free tier of The Open Movie Database. All the material in this project is subject to open-source policy, available and free to use for and by anyone.