THE MOVIE DB clone

How the app looks like ✨

✅ Landing Page
✅ Movie Page
✅ Favorite Movies

What we will be covering ?

• Using MovieDB API to fetch data
• Props & State concepts
• Load more Movies
• Show/Hide Actors images
• Add Movies to Favorites
• Remove Movies from Favorites
• Add Comments
• Like/Unlike Comment
• Functional & Class Components
• Routing in React
• Creating layouts
• Creating complex component from scratch
• Installing & using npm packages

Installation

• Make dev.js file inside config folder
• Put mongoDB info into dev.js file

  module.exports = {
mongoURI:
    "mongodbmongodb://[username:password@]host1[:port1][,...hostN[:portN]][/[defaultauthdb][?options]]"
};

• npm run dev In case of error type : Something is already running on port 3000.

  1. pkill node 2. npm run dev

• Type npm install inside the root directory

• Type npm install inside the client directory

Setting Project Logic 🚀

✅ Movie Database API
✅ Landing Page
✅ Movie Detail Page

✅ Favorite Feature
✅ Favorite Feature-2 ✅ Favorite Page

Acknowledgments

To John Ahn for the tutorial