My frontend challenge

tomi/frontend-challenge/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

tomi/frontend-challenge/.gitignore

@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

tomi/frontend-challenge/README.md

@@ -0,0 +1,38 @@
+# Movie App
+
+This is a Movie App project that displays a list of movies fetched from an external API.
+
+## Project Status
+
+The project is a work in progress. It is not fully completed, but due to time constraints, I am submitting what has been done so far. I will continue working on it to make further updates and improvements.
+
+## Author
+
+- Full Name: Omotola Tomi
+- Email: [email protected]
+- Discord: Ayomide#5125
+
+## About the Project
+
+The Movie App displays a list of movies obtained from an external API. The data, such as movie titles, release dates, and overviews, is fetched dynamically from the API.
+
+### Main Poster for Scream
+
+The main poster for the movie "Scream" is static and different from the rest of the posters. I chose this design because I felt the background color suited it well, and since there was no specific requirement for what the main poster should be, I decided to leave it as part of the overall design.
+
+## Installation and Usage
+
+To run the Movie App locally:
+
+1. Clone the repository.
+2. Install the dependencies by running `npm install`.
+3. Start the development server with `npm run dev`.
+4. Access the app in your browser at `http://localhost:3000`.
+
+## Credits
+
+The Movie App project is based on the Next.js framework and uses Tailwind CSS for styling. It also makes use of the API provided by [The Movie Database (TMDb)](https://www.themoviedb.org/) to fetch movie data.
+
+## License
+
+This project is licensed under the [MIT License](LICENSE).

tomi/frontend-challenge/next.config.js

@@ -0,0 +1,8 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  images: {
+    domains: ["image.tmdb.org"],
+  },
+};
+
+module.exports = nextConfig;