From 55e258bfb51c16e421925869be58881051df41e7 Mon Sep 17 00:00:00 2001 From: Pranav Pise Date: Wed, 29 Jan 2025 16:29:04 +0530 Subject: [PATCH 1/2] update: change the pipeline sequence --- README.md | 4 ++-- eslint.config.js | 32 +++++++++++++++--------------- src/App.jsx | 38 ++++++++++++++++++------------------ src/appwrite.js | 10 +++++----- src/components/MovieCard.jsx | 8 ++++---- src/components/Search.jsx | 2 +- src/components/Spinner.jsx | 2 +- src/main.jsx | 10 +++++----- vite.config.js | 6 +++--- 9 files changed, 56 insertions(+), 56 deletions(-) diff --git a/README.md b/README.md index 2b4186c..b5d96eb 100644 --- a/README.md +++ b/README.md @@ -40,7 +40,7 @@ If you prefer visual learning, this is the perfect resource for you. Follow our Built with React.js for the user interface, Appwrite for the Trending Movies Algorithm, and styled with TailwindCSS, Moodflix is a website project designed to help beginners get started with learning React.js. The platform offers a sleek and modern experience for browsing and discovering movies. -If you're getting started and need assistance or face any bugs, join our active Discord community with over **50k+** members. It's a place where people help each other out. +If you"re getting started and need assistance or face any bugs, join our active Discord community with over **50k+** members. It"s a place where people help each other out. @@ -293,7 +293,7 @@ Public assets used in the project can be found [here](https://drive.google.com/f **Advance your skills with Next.js Pro Course** -Enjoyed creating this project? Dive deeper into our PRO courses for a richer learning adventure. They're packed with +Enjoyed creating this project? Dive deeper into our PRO courses for a richer learning adventure. They"re packed with detailed explanations, cool features, and exercises to boost your skills. Give it a go! diff --git a/eslint.config.js b/eslint.config.js index 238d2e4..438fed0 100644 --- a/eslint.config.js +++ b/eslint.config.js @@ -1,36 +1,36 @@ -import js from '@eslint/js' -import globals from 'globals' -import react from 'eslint-plugin-react' -import reactHooks from 'eslint-plugin-react-hooks' -import reactRefresh from 'eslint-plugin-react-refresh' +import js from "@eslint/js" +import globals from "globals" +import react from "eslint-plugin-react" +import reactHooks from "eslint-plugin-react-hooks" +import reactRefresh from "eslint-plugin-react-refresh" export default [ - { ignores: ['dist'] }, + { ignores: ["dist"] }, { - files: ['**/*.{js,jsx}'], + files: ["**/*.{js,jsx}"], languageOptions: { ecmaVersion: 2020, globals: globals.browser, parserOptions: { - ecmaVersion: 'latest', + ecmaVersion: "latest", ecmaFeatures: { jsx: true }, - sourceType: 'module', + sourceType: "module", }, }, - settings: { react: { version: '18.3' } }, + settings: { react: { version: "18.3" } }, plugins: { react, - 'react-hooks': reactHooks, - 'react-refresh': reactRefresh, + "react-hooks": reactHooks, + "react-refresh": reactRefresh, }, rules: { ...js.configs.recommended.rules, ...react.configs.recommended.rules, - ...react.configs['jsx-runtime'].rules, + ...react.configs["jsx-runtime"].rules, ...reactHooks.configs.recommended.rules, - 'react/jsx-no-target-blank': 'off', - 'react-refresh/only-export-components': [ - 'warn', + "react/jsx-no-target-blank": "off", + "react-refresh/only-export-components": [ + "warn", { allowConstantExport: true }, ], }, diff --git a/src/App.jsx b/src/App.jsx index 6847716..61f4ea9 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,28 +1,28 @@ -import { useEffect, useState } from 'react' -import Search from './components/Search.jsx' -import Spinner from './components/Spinner.jsx' -import MovieCard from './components/MovieCard.jsx' -import { useDebounce } from 'react-use' -import { getTrendingMovies, updateSearchCount } from './appwrite.js' +import { useEffect, useState } from "react" +import Search from "./components/Search.jsx" +import Spinner from "./components/Spinner.jsx" +import MovieCard from "./components/MovieCard.jsx" +import { useDebounce } from "react-use" +import { getTrendingMovies, updateSearchCount } from "./appwrite.js" -const API_BASE_URL = 'https://api.themoviedb.org/3'; +const API_BASE_URL = "https://api.themoviedb.org/3"; const API_KEY = import.meta.env.VITE_TMDB_API_KEY; const API_OPTIONS = { - method: 'GET', + method: "GET", headers: { - accept: 'application/json', + accept: "application/json", Authorization: `Bearer ${API_KEY}` } } const App = () => { - const [debouncedSearchTerm, setDebouncedSearchTerm] = useState('') - const [searchTerm, setSearchTerm] = useState(''); + const [debouncedSearchTerm, setDebouncedSearchTerm] = useState("") + const [searchTerm, setSearchTerm] = useState(""); const [movieList, setMovieList] = useState([]); - const [errorMessage, setErrorMessage] = useState(''); + const [errorMessage, setErrorMessage] = useState(""); const [isLoading, setIsLoading] = useState(false); const [trendingMovies, setTrendingMovies] = useState([]); @@ -31,9 +31,9 @@ const App = () => { // by waiting for the user to stop typing for 500ms useDebounce(() => setDebouncedSearchTerm(searchTerm), 500, [searchTerm]) - const fetchMovies = async (query = '') => { + const fetchMovies = async (query = "") => { setIsLoading(true); - setErrorMessage(''); + setErrorMessage(""); try { const endpoint = query @@ -43,13 +43,13 @@ const App = () => { const response = await fetch(endpoint, API_OPTIONS); if(!response.ok) { - throw new Error('Failed to fetch movies'); + throw new Error("Failed to fetch movies"); } const data = await response.json(); - if(data.Response === 'False') { - setErrorMessage(data.Error || 'Failed to fetch movies'); + if(data.Response === "False") { + setErrorMessage(data.Error || "Failed to fetch movies"); setMovieList([]); return; } @@ -61,7 +61,7 @@ const App = () => { } } catch (error) { console.error(`Error fetching movies: ${error}`); - setErrorMessage('Error fetching movies. Please try again later.'); + setErrorMessage("Error fetching movies. Please try again later."); } finally { setIsLoading(false); } @@ -92,7 +92,7 @@ const App = () => {
Hero Banner -

Find Movies You'll Enjoy Without the Hassle

+

Find Movies You"ll Enjoy Without the Hassle

diff --git a/src/appwrite.js b/src/appwrite.js index 4f991fe..4e03ece 100644 --- a/src/appwrite.js +++ b/src/appwrite.js @@ -1,11 +1,11 @@ -import { Client, Databases, ID, Query } from 'appwrite' +import { Client, Databases, ID, Query } from "appwrite" const PROJECT_ID = import.meta.env.VITE_APPWRITE_PROJECT_ID; const DATABASE_ID = import.meta.env.VITE_APPWRITE_DATABASE_ID; const COLLECTION_ID = import.meta.env.VITE_APPWRITE_COLLECTION_ID; const client = new Client() - .setEndpoint('https://cloud.appwrite.io/v1') + .setEndpoint("https://cloud.appwrite.io/v1") .setProject(PROJECT_ID) const database = new Databases(client); @@ -14,7 +14,7 @@ export const updateSearchCount = async (searchTerm, movie) => { // 1. Use Appwrite SDK to check if the search term exists in the database try { const result = await database.listDocuments(DATABASE_ID, COLLECTION_ID, [ - Query.equal('searchTerm', searchTerm), + Query.equal("searchTerm", searchTerm), ]) // 2. If it does, update the count @@ -24,7 +24,7 @@ export const updateSearchCount = async (searchTerm, movie) => { await database.updateDocument(DATABASE_ID, COLLECTION_ID, doc.$id, { count: doc.count + 1, }) - // 3. If it doesn't, create a new document with the search term and count as 1 + // 3. If it doesn"t, create a new document with the search term and count as 1 } else { await database.createDocument(DATABASE_ID, COLLECTION_ID, ID.unique(), { searchTerm, @@ -41,8 +41,8 @@ export const updateSearchCount = async (searchTerm, movie) => { export const getTrendingMovies = async () => { try { const result = await database.listDocuments(DATABASE_ID, COLLECTION_ID, [ + Query.orderDesc("count"), Query.limit(5), - Query.orderDesc("count") ]) return result.documents; diff --git a/src/components/MovieCard.jsx b/src/components/MovieCard.jsx index 72c2cdb..89c4882 100644 --- a/src/components/MovieCard.jsx +++ b/src/components/MovieCard.jsx @@ -1,4 +1,4 @@ -import React from 'react' +import React from "react" const MovieCard = ({ movie: { title, vote_average, poster_path, release_date, original_language } @@ -7,7 +7,7 @@ const MovieCard = ({ movie:
{title} @@ -17,7 +17,7 @@ const MovieCard = ({ movie:
Star Icon -

{vote_average ? vote_average.toFixed(1) : 'N/A'}

+

{vote_average ? vote_average.toFixed(1) : "N/A"}

• @@ -25,7 +25,7 @@ const MovieCard = ({ movie: •

- {release_date ? release_date.split('-')[0] : 'N/A'} + {release_date ? release_date.split("-")[0] : "N/A"}

diff --git a/src/components/Search.jsx b/src/components/Search.jsx index 0d16c7d..dec47db 100644 --- a/src/components/Search.jsx +++ b/src/components/Search.jsx @@ -1,4 +1,4 @@ -import React from 'react' +import React from "react" const Search = ({ searchTerm, setSearchTerm }) => { return ( diff --git a/src/components/Spinner.jsx b/src/components/Spinner.jsx index f257a5c..fe07605 100644 --- a/src/components/Spinner.jsx +++ b/src/components/Spinner.jsx @@ -1,4 +1,4 @@ -import React from 'react' +import React from "react" const Spinner = () => { return ( diff --git a/src/main.jsx b/src/main.jsx index 4d3b2a2..c8c4167 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -1,8 +1,8 @@ -import { StrictMode } from 'react' -import { createRoot } from 'react-dom/client' -import './index.css' -import App from './App.jsx' +import { StrictMode } from "react" +import { createRoot } from "react-dom/client" +import "./index.css" +import App from "./App.jsx" -createRoot(document.getElementById('root')).render( +createRoot(document.getElementById("root")).render( ) diff --git a/vite.config.js b/vite.config.js index c4069b7..a7b2d99 100644 --- a/vite.config.js +++ b/vite.config.js @@ -1,6 +1,6 @@ -import { defineConfig } from 'vite' -import react from '@vitejs/plugin-react' -import tailwindcss from '@tailwindcss/vite' +import { defineConfig } from "vite" +import react from "@vitejs/plugin-react" +import tailwindcss from "@tailwindcss/vite" // https://vite.dev/config/ export default defineConfig({ From 5bec0a1a50fbea08072ed9d0250e65259235ba08 Mon Sep 17 00:00:00 2001 From: Pranav Pise Date: Thu, 30 Jan 2025 15:06:36 +0530 Subject: [PATCH 2/2] update: .gitignore and app.jsx --- .gitignore | 1 + src/App.jsx | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index a547bf3..1cac559 100644 --- a/.gitignore +++ b/.gitignore @@ -22,3 +22,4 @@ dist-ssr *.njsproj *.sln *.sw? +.env \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx index 61f4ea9..101f5b3 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -92,7 +92,7 @@ const App = () => {
Hero Banner -

Find Movies You"ll Enjoy Without the Hassle

+

Find Movies You'll Enjoy Without the Hassle