This Capstone Project was built with the assistance of my coding partner Misheck Livingi.Gallerioni movies is an interactive movie streaming website where movie lovers interact with movies by commenting and liking, builede with HTML,CSS and Javascript

  • By Ezekiel Utshudi Eteta
  • Last update: Jun 23, 2022
  • Comments: 12

Project Name

Description the project.

Built With

  • Major languages
  • Frameworks
  • Technologies used

Live Demo (if available)

Live Demo Link

Getting Started

This is an example of how you may give instructions on setting up your project locally. Modify this file to match your project, remove sections that don't apply. For example: delete the testing section if the currect project doesn't require testing.

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

Prerequisites

Setup

Install

Usage

Run tests

Deployment

Authors

👤 Author1

👤 Author2

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

Github

https://github.com/EzekielUtshudi/Javascrip-Capstone-Project

Comments(12)

  • 1

    Javascript capstone

    Below is the link to our repo.

    we have two people on this project @misheck12 and @EzekielUtshudi

    https://github.com/EzekielUtshudi/Javascrip-Capstone-Project/projects/1

  • 2

    Peer-to-peer review

    STATUS: APPROVED :large_green_circle:

    Hi @EzekielUtshudi and @misheck12 :wave: ,

    I confirm all tests are implemented correctly and passing, Great job team :+1: Your project is well structured! There is nothing else to say other than... Happy coding :shipit: Congratulations! :tada:

    To Highlight :tada:

    • No linter errors. :heavy_check_mark:
    • GitHub flow is followed. :heavy_check_mark:
    • Professional README file. :heavy_check_mark:
    • PR has a good title and summary. :heavy_check_mark:
    Cheers and Happy coding!:clap::clap::clap: Feel free to leave any questions or comments in the PR thread if something is not 100% clear. Please, remember to tag me in your question so I can receive the notification.
  • 3

    Peer-to-Peer Review

    • [ ] Hey, great work here you have one of the cleanest codes. nice noticing your unique styling skills and better gitflow procedures. there is nothing much to say than well-done. 😃 😃 😃
  • 4

    [0.5pt] Find external API - group task

    Find an API to base the development of the webapp around it. The API should allow you to

    • Get a list of items with a unique item id (or generate the unique id).
    • For a given item, get detailed information about it. choose an APIs that doesn't need authentication. if you select an API that requires authentication, you should implement it on your own. Also, if you select an API that provides image resources your webapp will be more visual.
  • 5

    [4pt] - Display list of items on the Homepage - Student A

    Create the main part of the homepage that keeps the layout from the wireframe:

    Screenshot 2021-06-27 at 21 50 23

    When the page loads, the webapp retrieves data from the selected API and shows the list of items on screen with the basic data (e.g. title + image).

    Prepare also "Comments" and "Reservations" buttons. They should be doing nothing - just being displayed.

    This task does not include displaying the number of likes for each item.

    This task does not include the counter of the items.

  • 6

    [4pt] -Display Comments pop up with selected item's details - Student B

    Create a comments popup only with the top section (displaying details of the selected item)

    Screenshot 2021-06-27 at 22 10 45

    When the popup loads, the webapp retrieves data from the selected API and shows details about the selected item.

    Add event to button prepared by your teammate that will open your popup. You need to communicate with your team member to make sure that you do not block each other (most likely the easiest solution is to merge the list of items feature to the dev branch before you try to add that event).

  • 7

    [4pt] - Display Reservations pop up with selected item's details - Student C

    Create a reservations popup only with the top section (displaying details of the selected item)

    Screenshot 2021-06-27 at 22 10 45

    When the popup loads, the webapp retrieves data from the selected API and shows details about the selected item.

    Add event to button prepared by your teammate that will open your popup. You need to communicate with your team member to make sure that you do not block each other (most likely the easiest solution is to merge the list of items feature to the dev branch before you try to add that event).

  • 8

    [4pt] - Display number of likes for each item on the Homepage - Student A

    When the page loads, the webapp the Involvement API to show the item likes and combines them with the data from the base API.

    Remember that your page should make only 2 requests:

    • one to the base API
    • and one to the Involvement API.

    This task does not include displaying the likes button (heart icon on the wireframe) for each item.

  • 9

    [3pt] - Display comments for a given item on the Comments pop-up - Student B

    When the popup loads, the webapp retrieves data from the Involvement API to show the item comments.

    Screenshot 2021-06-27 at 22 21 00

    This task does not include the counter of the comments.

  • 10

    [3pt] - Display reservations for a given item on the Reservations pop-up - Student C

    When the popup loads, the webapp retrieves data from the Involvement API to show the item's reservations.

    Screenshot 2021-06-27 at 22 21 48

    This task does not include the counter of the reservations.

  • 11

    [4pt] - Create feature: add new comment - Student B

    Implement the "add new comment" form on the Comments pop up according to the wireframe:

    Screenshot 2021-06-27 at 22 32 36

    When the user clicks on the "Comment" button, the data is recorded in the Involvement API and the screen is updated.

  • 12

    Development

    In this PR we Implemented the following :

    • [ ] The home page.
    • [ ] The comments popup.

    Home page

    • [ ] When the page loads, the webapp retrieves data from:
    • [ ] The selected API shows the list of items on the screen.
    • [ ] The Involvement API to show the item likes.
    • [ ] When the user clicks on the Like button of an item, the interaction is recorded in the Involvement API and the screen is updated.

    Pop-up Comments

    • [ ] When the user clicks on the "Comments" button, the Comments popup appears.
    • [ ] When the popup loads, the webapp retrieves data from:
    • [ ] The selected API shows details about the selected item.
    • [ ] The Involvement API to show the item comments.

      The video link

    • [ ] The video link: https://www.loom.com/share/27993d1195104f60a1d9d1011c6405df

Popular Tag

Related