https://github.com/felixdev22/movie-plus
A Movie-App that pulls from the TMDB API for diverse films, enabling users to explore, preview, and curate favorites. Build with Next.js, TypeScript and Tailwind.css
https://github.com/felixdev22/movie-plus
nextjs tailwindcss typescript
Last synced: 3 months ago
JSON representation
A Movie-App that pulls from the TMDB API for diverse films, enabling users to explore, preview, and curate favorites. Build with Next.js, TypeScript and Tailwind.css
- Host: GitHub
- URL: https://github.com/felixdev22/movie-plus
- Owner: felixDev22
- Created: 2023-08-03T21:44:10.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-15T16:36:26.000Z (almost 3 years ago)
- Last Synced: 2025-01-18T23:55:00.254Z (over 1 year ago)
- Topics: nextjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://movie-plus.vercel.app
- Size: 135 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
MOVIE PLUS
Movie-Plus
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 (Movie-plus) ](#-movie-plus-)
- [🎉 Zoom Video](#-zoom-video)
- [🛠 Built With Type-Script, Node.JS & Tailwind](#-built-with-Type-Script,Tailwaind)
- [Tech Stack ](#tech-stack-
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Clone](#clone)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [📝 License ](#-license-)
> This is a Movie plus that sends and receives data from an API and populates data on the browser. The app has implemented ES6 modules, callbacks, promises, and gitflow.
## 🛠 Built With NEXT.JS, TYPESCRIPT, & TAILWIND
- It has implemented API function to fetch take data.
Client
- Clean and interactive
- Auto refresh new movie on every reload
- [Live Demo Link](https://movie-plus.vercel.app/)
To get a local copy up and running, follow these steps.
- Create a local directory where you can clone the project.
- Clone the project into your repository
- Install the dependencies
- Open the project on a browser
### Prerequisites
In order to run this project you need:
- Git and GitHub
- A code editor
- Nodejs
- A browser
### Clone
Clone this repository to your desired folder:
```sh
mkdir my-foldername
cd movie-plus
git clone (https://github.com/felixDev22/movie-plus)
```
### Install
Run npx create-next-app@latest to install all dependencies required to run the project.
```sh
Follow the prompts and select accordily
What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like to use `src/` directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to customize the default import alias? No / Yes
```
### Usage
To run the project, execute the following command:
```sh
npm run dev
This starts the development server on port: [3000](http://localhost:3000 )
```
👤 Felix Nyamai
- GitHub: [felixDev22](https://github.com/felixDev22)
- Twitter: [@monzo200](https://twitter.com/monzo200)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/felixnyamai/)
- [ ] **Add play function for the movies**
- [ ] **Make it mobile friendly**
Microverse learning experience
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/felixDev22/movie-plus).
If you like this project please give a star...
This project is [MIT](./LICENSE) licensed.