Refactor - login error fixed, log statements removed, readme updated

Author: faaiz99

client/src/components/movie-details/Form.tsx

@@ -105,16 +105,6 @@ const Form = (props: FormProps) => {
                 {errors.description?.message}
               </span>
             )}
-            {errors && (
-              <span className="text-xs font-semibold text-red-500">
-                {errors.description?.message}
-                {errors.id?.message}
-                {errors.userId?.message}
-                {errors.poster?.message}
-                {errors.trailer?.message}
-                {errors.title?.message}
-              </span>
-            )}
           </div>
           <Button
             data-testid="submit"

client/src/config/axios.ts

@@ -25,9 +25,6 @@ api.interceptors.response.use(
     let message;
     let status;
     switch (error.response.status) {
-      case 401: {
-        throw new Error("Token Expired. Please login again.");
-      }
       case 403: {
         throw new Error(
           "Forbidden: You do not have permission to access this resource.",

client/src/pages/Login.tsx

@@ -28,13 +28,15 @@ export const Login = () => {
     const { email, password, remember } = data;
     try {
       const response = await authenticationUser({ email, password });
+      alert(response);
       if (response) setLoading(false);
       localStorage.setItem("movie-night-token", response.token);
       remember
         ? setSession({ ...response.user, token: response.token })
         : setSession({ ...response.user, token: "" });
       navigate("/");
     } catch (error) {
+      alert(error);
       console.log(error);
     } finally {
       setLoading(false);

readme.md

@@ -39,9 +39,9 @@ This application uses a variety of technologies in its stack:
 2. Create a `.env` file in the `server` directory with the following variables:
 
    ```env
-   SALT=your_salt
-   JWT_SECRET=your_jwt_secret
-   DATABASE_URL=your_database_url
+   SALT=
+   JWT_SECRET=
+   DATABASE_URL=
    ```
 3. Build the Docker images:
 
@@ -86,7 +86,7 @@ This application uses a variety of technologies in its stack:
 
 ## Usage
 
-After starting the server and client, you can access the application at `http://localhost:3000`.
+After starting the server and client, you can access the application at `http://localhost:5173`.
 
 ## Testing
 
@@ -135,6 +135,4 @@ npm run test:integration
 ## License
 
 This project is licensed under the [MIT License](LICENSE).
-```
-
-Remember to replace `your_salt`, `your_jwt_secret`, and `your_database_url` with your actual values.
+```

server/prisma/seed.ts

@@ -51,7 +51,7 @@ function getMovies(): Array<Movie> {
 			title: "Napoleon",
 			poster:
 				"https://upload.wikimedia.org/wikipedia/en/2/2e/Napoleon_Film_poster.jpg",
-			trailer: "https://www.youtube.com/watch?v=uYPbbksJxIg",
+			trailer: "https://www.youtube.com/watch?v=OAZWXUkrjPc",
 			description:
 				"A look at the military commander's origins and his swift, ruthless climb to emperor, viewed through the prism of his addictive and often volatile relationship with his wife and one true love, Josephine",
 		},