Skip to content

A full functional Vue.js project created to replicate the functionality of IMDb website.

Notifications You must be signed in to change notification settings

fabrice-niyongabo/imdb-clone

Repository files navigation

imdb-clone

A Vue.js project created with Vite to replicate the functionality of IMDb. This project allows users to browse and search for movies, view details, and includes additional features such as user authentication, watchlist management, and account settings.

Features

  • Browse Movies: Explore a collection of movies with infinite scrolling.
  • Search: Search for movies by title, genre, or any relevant criteria.
  • Movie Details: View detailed information about a specific movie.
  • User Authentication: Register and log in to manage your watchlist and account settings.
  • Watchlist Management: Add and remove movies from your personal watchlist.
  • Account Settings: Update your profile information and password.
  • Responsive Design: Ensure a seamless experience on various devices.
  • Infinite scrolling

Technologies Used

  • Vue.js
  • Vite
  • Pinia (State Management)
  • TypeScript
  • Vuetify (Material Design Component Framework)
  • Tailwind CSS

Getting Started

  1. Clone the repository
  2. cd the project directory and then run npm install
  3. Run the project by npm run dev

Contributing

  1. Fork the project.
  2. Create your feature branch: git checkout -b feature/new-feature.
  3. Commit your changes: git commit -m 'Add new feature'.
  4. Push to the branch: git push origin feature/new-feature.
  5. Open a pull request.

Project Live URL

https://vue-imdb-clone.netlify.app/

Screenshoots

Screen shoot 1 Screen shoot 2