SulimanJoya/second-capstone

In this project, My partner and I recreated a simple wireframe template for a Movie Site. This simple web page was built using webpack, fetching data from APIs and serving it by a webpack dev server.

📗 Table of Contents

• 📗 Table of Contents
• 📖 Javascript Group Capstone
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Presentaton Link
  • 🚀 Live Video
  • 🚀 Project Details
  • 👥 Team
  • 🚀 Code Review link
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Clone Git Repository
    • Install Dependencies
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ
  • 📝 License

📖 Javascript Group Capstone

In this project, a website for movies is being built. The external API used for showing movies and its details is IMDBbOT. The webapp has 2 user interfaces.

• A home page showing a list of movies items that you can interact with the like button
• A popup window with detailed information about the movie. You can leave a comment as well.

🛠 Built With

• HTML
• CSS
• Javascript
• Webpack
• APIs
• Jest

Tech Stack

Webpack

• Webpack

Jest

• Jest

Key Features

• Users can click on like buttons to like a movie
• Users can click on comment button, read details and add comment to a movie

(back to top)

🚀 Presentaton Link

• You can view the presentation of our project here

🚀 Live Video

• Live Demo Link

🚀 Project Details

• JavaScript capstone project

👥 Team

• Sabi Mantock
• Kazim Mohammadi

💻 Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

In order to run this project you need:

• You need to have nodejs installed.
• You need to have a browser like Google Chrome installed.
• You need to have git installed
• You to have a code editor like VS Code or any other code-editors installed on you device.

Setup

Clone Git Repository

• In Visual Studio Code “Terminal” change the current working directory to the location where you want the cloned directory.

• Type git clone in the terminal, paste the URL you copied earlier, and press “enter” to create your local clone.

- git clone URL

 https://github.com/SabiMantock/second-capstone

Install Dependencies

  npm install

Deployment

You can deploy this project using:

  npm start

(back to top)

👥 Authors

👤 Sabi Mantock

• GitHub: @githubhandle
• LinkedIn: LinkedIn

👤 Kazim Mohammadi

• GitHub: @githubhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• Implement additional home pages, one page per category of movies

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Please give a ⭐️ if you like this project! 🤝

(back to top)

🙏 Acknowledgments

• Thanks to Microverse for giving this opportunity to learn ...
• Code Reviewers & Coding Partners.
• Hat tip to anyone whose code was used.

(back to top)

❓ FAQ

• How to generate a new key for the API?

• Open VScode and generate a key by using the following command

curl -X POST https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/apps/

(back to top)

📝 License

This project is MIT licensed.

(back to top)