https://github.com/inoles/movieexplorer
Vue.js-based movie search application that allows users to discover movie details and explore movie information with a responsive, mobile-friendly interface
https://github.com/inoles/movieexplorer
api-integration frontend javascript responsive-design tailwindcss typescript vuejs web-development
Last synced: 3 months ago
JSON representation
Vue.js-based movie search application that allows users to discover movie details and explore movie information with a responsive, mobile-friendly interface
- Host: GitHub
- URL: https://github.com/inoles/movieexplorer
- Owner: iNoles
- License: gpl-3.0
- Created: 2025-01-01T20:35:12.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-01-01T20:51:05.000Z (4 months ago)
- Last Synced: 2025-01-01T21:33:59.912Z (4 months ago)
- Topics: api-integration, frontend, javascript, responsive-design, tailwindcss, typescript, vuejs, web-development
- Language: Vue
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MovieExplorer
MovieExplorer is a web application built with Vue.js, TypeScript, and Tailwind CSS that allows users to search for movies and view detailed information about them. It integrates with a movie API to fetch movie data and display it in an easy-to-use interface.
## Features
- **Search for Movies**: Users can search for movies by title.
- **Movie List**: Display a list of movies with a poster, title, and release year.
- **Movie Details**: View detailed information about a selected movie, including plot, genre, cast, and IMDb rating.
- **Responsive Design**: Fully responsive, optimized for both desktop and mobile devices.
## Tech Stack
- **Vue.js**: JavaScript framework for building the user interface.
- **TypeScript**: Type-safe JavaScript that improves code quality and maintainability.
- **Tailwind CSS**: Utility-first CSS framework for building custom designs.
- **Movie API**: API to fetch movie details and information.
## Getting Started
To run this project locally, follow the instructions below:
### 1. Clone the Repository
```bash
git clone https://github.com/iNoles/MovieExplorer.git
cd MovieExplorer
```
### 2. Install Dependencies
Make sure you have bun installed. Then, run:
```bash
bun install
```
### 3. Run the Development Server
To start the development server and see the application in action:
```bash
bun run dev
```
Visit `http://localhost:3000` in your browser.
### Contributing
Contributions are welcome! Here's how you can help:
1. Fork the repository.
2. Create your feature branch (`git checkout -b feature/YourFeature`).
3. Commit your changes (`git commit -m 'Add YourFeature'`).
4. Push to the branch (`git push origin feature/YourFeature`).
5. Open a pull request.