Project Descriptions

🎥 Cinema is a single-page website that helps users find movies by movie title.

There are two branches.

The First branch basic-design is for the app with basic design using Styled-components only.

The main branch(custom-design) is built with my custom design using CSS and Styled-components.

Setup

To run this project, install it locally using yarn:

$ cd ../haileyCinema-main
$ yarn install
$ yarn start

Description

Part 1️⃣

• Use OMDB APIs to get the data of movies
• Update input value in real-time
• Show error message below the search box for the user
• Use Axios to make HTTP requests

Part 2️⃣

• Make modal components without UI library

Part 3️⃣

• Show the time that the user has spent on the app using session storage (If the user wants to keep the login time after the refresh, you can use local storage data to save data with a cookie)

Bonus ✨

• Users can switch the movie in the modal box

Lets go to CINEMA

Built With

📚 The reason for using Typescript instead of javascript for a small-scale application is that I recently learned Typescript, so I wanted to improve and study at the same time.