Skip to content

Project created for Technigo students, utilizing themoviedb.org's API to showcase movies and their details. Features fetching popular movies, rendering movie specifics, and managing image URLs. Designed with a focus on responsiveness and accessibility. Enhancements include error handling, loading states, and dynamic movie lists

Notifications You must be signed in to change notification settings

AmandaRam/project-movies-vite

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Movie Site Project

In this project we are fetching data from an API to showcase popular movies and their details. Designed with at focus on resonsiveness and accessibility.

Getting Started with the Project

Dependency Installation & Startup Development Server

Once cloned, navigate to the project's root directory and this project uses npm (Node Package Manager) to manage its dependencies.

The command below is a combination of installing dependencies, opening up the project on VS Code and it will run a development server on your terminal.

npm i && code . && npm run dev

The Problem

First was reading and watching the material for this week and examining the instructions.

The basic structure was set before we split up the components that was needed in order to make the project work.

The problems we had was how to implement the structure with the error and loading part into the movie- and movieDetails components. To solve this problem we googled a lot and used chatGPT.

I there had been more time, the next step would have been to implement a sorting/filtering function and to add a better and more good looking rating design.

View it live

View it here!

https://project-movies-amanda-hamdi.netlify.app/

Instructions

See instructions of this project

About

Project created for Technigo students, utilizing themoviedb.org's API to showcase movies and their details. Features fetching popular movies, rendering movie specifics, and managing image URLs. Designed with a focus on responsiveness and accessibility. Enhancements include error handling, loading states, and dynamic movie lists

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 72.8%
  • CSS 21.7%
  • HTML 5.5%