Skip to content

Week 9 - project-movies-vite - Mai #66

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 27 commits into from

Conversation

maikanetaka
Copy link

Comment on lines +8 to +10
if (!response.ok) {
throw new Error("Failed to load popular movies");
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I only see this right now - maybe there's something wrong with the deployed env variable (VITE_APP_API_KEY)? 👀

Copy link
Contributor

@AntonellaMorittu AntonellaMorittu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hello Mai, there is an error and the page doesn't render. Maybe there's something wrong with the deployed env variable (VITE_APP_API_KEY)? Please double-check, thanks :)

@maikanetaka
Copy link
Author

Hello Mai, there is an error and the page doesn't render. Maybe there's something wrong with the deployed env variable (VITE_APP_API_KEY)? Please double-check, thanks :)

Hello @AntonellaMorittu and @HIPPIEKICK Sorry I missed this and now I have added env variable to netlify. Please check!

Copy link
Contributor

@HIPPIEKICK HIPPIEKICK left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking good! Would just like you to add some kind of Back-button as we have in our example, and you're good to go.

Comment on lines +1 to 16
import { BrowserRouter, Routes, Route } from "react-router-dom";
import { MovieList } from "./components/MovieList/MovieList";
import { MovieDetails } from "./components/MovieDetails/MovieDetails";
import { NotFound } from "./components/NotFound/NotFound";

export const App = () => {
return <div>Find me in src/app.jsx!</div>;
return (
<BrowserRouter>
<Routes>
<Route path="/" element={<MovieList />} />
<Route path="/movies/:movieId" element={<MovieDetails />} />
<Route path="*" element={<NotFound />} />
</Routes>
</BrowserRouter>
);
};
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Well structured app 👍


### The Problem

Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
I struggled a lot for CSS. I could not finish for loading and dropdown to change the list. I will submit for now but will to continue till it works.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks super so I think you should be proud!

@maikanetaka
Copy link
Author

Hey @HIPPIEKICK, I have added the back button. Please check!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants