omar-muhamad / cinescope

Cine Scope

Cine Scope is an entertainment web application that shows the latest and trending movies and TV series. The user can login,search for certain movie or TV series, and save favorite movies and series.

🚀 Live Demo

The live demo link deployed on Vercel. The live demo link deployed on Netlify.

🛠 Built With

Tech Stack

• React.
• Vite.
• TypeScript.
• Redux Toolkit.
• React Router.
• React Paginate.
• Tailwind.
• Linters.

Key Features

• Initialize the app using Vite with TypeScript and Tailwind.
• Uses the movie database API to get Movies and TV shows data and post Bookmarked items.
• Use Redux-Toolkit for fetching data and handling the global state of the app.
• Use React-Paginate for pages pagination.
• Use mobile-first design technique with Tailwind.
• Add search feature to search for movies and TV shows.
• Use react-router as the main router for the app.
• Add test cases using Vitest and React-Testing-library.
• Optimize the app for best performance, accessibility, and SEO.
• Use GitHub workflow and document my work professionally.

💻 Getting Started

Prerequisites

• Install node.js.

Setup

• Clone the project using git-bash or GitHub Desktop.
• Open the project folder with VSCode or any Editor.
• Open the terminal and navigate to the project folder.

Usage

• Run this command npm install to install dependencies.
• Run this command npm run dev to start the dev server.

Test

• Run this command npm run test to run all test cases.

Author

👨‍💻 Omar Muhammad

• GitHub: @Omar-Muhamad
• Twitter: @Eng_OmarMuhamad
• LinkedIn: @eng-omarmuhammad

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.