Skip to content

dimasrdika/Movify-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Movie List Web App

Overview

The Movie List web app is a React-based application that allows users to explore a list of movies using data fetched from The Movie Database (TMDB). This app features a sleek design with a responsive layout and utilizes Swiper for smooth carousels.

Features

  • Browse popular movies
  • View detailed information about each movie
  • Search for movies by title
  • Responsive design with a mobile-friendly interface
  • Slick carousels using Swiper

Home Page

Technologies Used

  • Frontend: React
  • Styling: SCSS
  • API Requests: Axios
  • Routing: React Router DOM
  • Carousel: Swiper
  • Environment Variables: dotenv

Getting Started

Prerequisites

  • Node.js (v14 or later)
  • npm (comes with Node.js)

Installation

  1. Clone the repository:

    git clone https://github.com/dimasrdika/Movify-.git
  2. Navigate to the cloned directory:

    cd Movify
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm start
  5. Open http://localhost:3000 in your browser to see the app.

Responsive Design

Screenshots

Here are some key screenshots showcasing the app's functionality:

  • Detail View: Detail View

  • Search Feature: Search Feature

Contributing

Contributions are welcome! Please fork the repository and create a pull request.

License

MIT License

Copyright (c) 2024 Dimasrdika