salvaft / uned-ionic-react

The Movie Showcase App is a web application developed using Ionic and React, featuring 5 movies with posters on the home page and detailed movie information on click.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Movie Showcase App

This web application showcases 5 movies from a JSON file. On the home page, the posters of these five movies are displayed. Clicking on a poster takes you to a new URL where you can view the details of the film.

Table of Contents

Overview

The Movie Showcase App is a web application developed as an exercise for a master's program in web development. It utilizes Ionic and React to create a responsive and interactive user interface.

Features

  • Display 5 movies with their respective posters on the home page.
  • Clicking on a movie poster navigates the user to a new URL showing the movie details.
  • The movie details page includes information such as title, genre, release date, and a brief description.

Installation

To run the Movie Showcase App locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/SFToro/uned-ionic-react.git
  1. Navigate to the project directory:
cd uned-ionic-react
  1. Install the dependencies:
npm install
  1. Start the development server:
npm start
  1. Open your web browser and visit http://localhost:5173 to see the app running.

Usage

Once the application is running, you will see the home page with the posters of the 5 featured movies. Click on any poster to navigate to the movie details page. On the details page, you can view additional information about the movie, such as the title, genre, release date, and description.

Feel free to explore the app, navigate between movie details pages, and enjoy the movie showcase experience!

Contributing

Contributions to the Movie Showcase App are welcome! If you find any issues or have suggestions for improvements, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your contribution.
  3. Make your changes and test thoroughly.
  4. Submit a pull request explaining the changes you've made.
  5. Please ensure that your contributions adhere to the project's coding conventions and standards.

License

This project is licensed under the MIT License. You can find the license information in the LICENSE file.

About

The Movie Showcase App is a web application developed using Ionic and React, featuring 5 movies with posters on the home page and detailed movie information on click.


Languages

Language:TypeScript 52.2%Language:CSS 41.0%Language:HTML 5.0%Language:JavaScript 1.8%