https://github.com/omar-muhamad/cinescope

https://github.com/omar-muhamad/cinescope

Last synced: 16 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/omar-muhamad/cinescope
• Owner: Omar-Muhamad
• Created: 2024-04-30T07:45:47.000Z (9 months ago)
• Default Branch: dev
• Last Pushed: 2024-05-12T17:49:28.000Z (8 months ago)
• Last Synced: 2024-11-09T01:33:58.438Z (2 months ago)
• Language: TypeScript
• Homepage: https://cine-scope-gamma.vercel.app
• Size: 1.06 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# 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](https://cine-scope-one.vercel.app/) deployed on Vercel.

The live demo [link](https://cine-scope.netlify.app/) 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](https://developer.themoviedb.org/reference/intro/getting-started) 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](https://nodejs.org/en/).

### 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](https://github.com/Omar-Muhamad)

- Twitter: [@Eng_OmarMuhamad](https://twitter.com/Eng_OmarMuhamad)

- LinkedIn: [@eng-omarmuhammad](https://www.linkedin.com/in/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](./MIT.md) licensed.