This is a TV shows list website. It is a capstone project that was completed as part of Module 2 - JavaScript.

Related tags

Learning resource javascript css html webpack fontawesome5 bootstrap5
Overview

Kanban Board Capstone Project

This is a TV Shows web site source from TVmaze API. In the website, a user can click on heart icon and get it recorded in Involvement API. Similarly, a user can write comment and get it recorded in Involvement API.

Screen Shots

Desktop

desktop-screenshot

Mobile

mobile-screenshot

Built With ♥

  • HTML
  • CSS
  • JavaScript
  • Webpack

Live Demo

Ckeckout The live Site here

Prerequisites

Getting started

to run the project locally, clone the project using the command

git clone [email protected]:aboongm/Kanban-Board-Capstone-Project.git

Run test

navigate in to the project directory, from GitHub, to test or run the application double click on the index.html file to open in your browser

Authors

👤 Ranjit Luwang

👤 Jenadius Nicholaus

🤝 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
  • Microverse program
  • My standup team
  • Microverse team
  • My family's support
Comments
  • Issue for Code Review

    Issue for Code Review

    Our team is made up of two members namely:

    • Student A: @aboongm
    • Student B: @jenadiusnicholaus

    Link to Github Projects:

    • https://github.com/aboongm/Kanban-Board-Capstone-Project/projects/1?fullscreen=true
    opened by aboongm 1
  • Code Review Pull Request

    Code Review Pull Request

    Loom Video Link:

    • https://www.loom.com/share/9dd027ca130c4ff4b0567131137d3119

    PR Links:

    Day-0

    • Find external API - group task : work on by aboongm

    • Choose assets - group task : work on by jenadiusnicholaus

    • Set up the project with Webpack and Jest- group task: work on by aboongm

      https://github.com/aboongm/Kanban-Board-Capstone-Project/issues/23 https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/22

    Day-1

    • Add header - group task: work on by jenadiusnicholaus

      https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/25

    • Add footer - group task: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/26

    • Display list of items on the Homepage - Student A: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/27

    • Display Comments pop up with selected item's details - Student B: work on by jenadiusnicholaus https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/28

    Day-2

    • Display number of likes for each item on the Homepage - Student A: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/29

    • Display comments for a given item on the Comments pop-up - Student B: work on by jenadiusnicholaus https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/28

    • Create feature: add new like - Student A: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/31

    • Create feature: add new comment - Student B: work on by jenadiusnicholaus https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/32

    Day-3

    • Add all items counter on the Homepage - Student A: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/33

    • Add comments counter - Student B: work on by jenadiusnicholaus https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/34

    • Add tests for items counter - Student A: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/35

    • Add tests for comments counter - Student B: work on by jenadiusnicholaus https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/36

    opened by aboongm 0
  • Code Review Pull Request

    Code Review Pull Request

    Loom Video Link:

    • https://www.loom.com/share/9dd027ca130c4ff4b0567131137d3119

    PR Links:

    Day-0

    • Find external API - group task : work on by aboongm

    • Choose assets - group task : work on by jenadiusnicholaus

    • Set up the project with Webpack and Jest- group task: work on by aboongm

      https://github.com/aboongm/Kanban-Board-Capstone-Project/issues/23 https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/22

    Day-1

    • Add header - group task: work on by jenadiusnicholaus

      https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/25

    • Add footer - group task: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/26

    • Display list of items on the Homepage - Student A: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/27

    • Display Comments pop up with selected item's details - Student B: work on by jenadiusnicholaus https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/28

    Day-2

    • Display number of likes for each item on the Homepage - Student A: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/29

    • Display comments for a given item on the Comments pop-up - Student B: work on by jenadiusnicholaus https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/28

    • Create feature: add new like - Student A: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/31

    • Create feature: add new comment - Student B: work on by jenadiusnicholaus https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/32

    Day-3

    • Add all items counter on the Homepage - Student A: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/33

    • Add comments counter - Student B: work on by jenadiusnicholaus https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/34

    • Add tests for items counter - Student A: work on by aboongm https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/35

    • Add tests for comments counter - Student B: work on by jenadiusnicholaus https://github.com/aboongm/Kanban-Board-Capstone-Project/pull/36

    opened by aboongm 0
  • Milestone: Day 3

    Milestone: Day 3

    Add all items counter on the Homepage - Student A

    • Make sure that the correct number is displayed on the Homepgae.

    Add comments counter - Student B

    • Make sure that the correct number is displayed on the Comments pop up.

    Add tests for items counter - Student A

    • Make sure that function for the items counter is covered with unit tests using Jest.

    Add tests for comments counter - Student B

    • Make sure that function for the comments counter is covered with unit tests using Jest.
    opened by aboongm 0
  • Day 2 Show Likes

    Day 2 Show Likes

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

    The page makes only 2 requests:

    • one to the base API

    • and one to the Involvement API.

    opened by aboongm 0
  • Morning Session 19 april 22

    Morning Session 19 april 22

    Hi team😃,

    You did great job setting up this project. Your project is complete! There is nothing else to say other than... it's time to merge it Congratulations! 🎉

    Cheers and Happy coding!👏👏👏

    opened by HamzaAnwar1998 0
  • Day 0 Branch Issues

    Day 0 Branch Issues

    Please have a code review of the following topics and comment your issues with the tasks.

    • [x] Choose the TV Shows website as the topic for our website and using the TVmaze API.
    • [x] Choose images, text, icons, fonts with Fontawesome fonts, bootstrap CSS framework and google font.
    • [x] Set up the repository and tools like Webpack, and jest.
    opened by aboongm 3
Owner
Mayengbam Ranjit Luwang
Full-Stack Developer. Typescript | React | Redux | Next.js | Ruby | Rails | Node.js. In love with pair programming and remote work. Open to new opportunities
Mayengbam Ranjit Luwang
GitHub
This is a To-Do List. It shows a minimalist design with the next features: Add new tasks, edit tasks, markup completed tasks, and erase all completed tasks. Built with JavaScript.

Project Name To Do List Built With HTML CSS JavaScript Live Demo To do List Live Demo Link Getting Started This is a To Do List. It shows a minimalist

Santiago Cárdenas 6 Jun 9, 2022
Microverse Module 02 Project: This is an educational project to make a TodoList web application, where the users can add new todo, remove todo, edit todo, mark todo as completed, and remove all completed todo. Built with Webpack

todo-list This project is about building a list of To Do tasks. Where you can save your daily activities and help in daily evaluation. Live demo you v

divine charlotte 25 Jan 3, 2023
The project focused on creating To do list structure for organising the daily completed or non-completed activities.

Project to build a simple HTML list of To Do tasks. The list will be styled according to the specifications given by Microverse This simple web page will be built using webpack and served by a webpack dev server.

NTIHINDUKA ALPHA 5 May 20, 2022
This app is the capstone project we built at the end of our JavaScript module

This app is the capstone project we built at the end of our JavaScript module. It's a nostalgic interpretation of a pokedex, and we hope you enjoy it as much as we did putting it together. Go and catch 'em all!

Fabiano Frank 2 Oct 19, 2022
To-Do List project is the application for a to-do list, users can add and remove tasks from the to-do list. Mark tasks as completed.

To Do App To-Do List project is the application for a to-do list, users can add and remove tasks from the to-do list. Mark tasks as completed. Users c

Ishpaul Singh 6 Jul 21, 2022
This is a basic website Todo Application that displays a list that looks and behaves like the part of minimalist project.

To-Do-list-microverse Description This is a basic website; a Todo Application that displays a list that looks and behaves like the part of minimalist

Dennis Akagha 7 Feb 3, 2022
A to do list where you can add tasks, mark completed tasks and clear all completed tasks.

To Do List A to do list where you can add tasks, mark completed tasks and clear all completed tasks. You can rearrange the order of the tasks by doubl

Amira 7 Mar 4, 2022
This is a simple web application of a To-do List in which you can add, remove and edit all your tasks and also you can mark each task as completed and delete all completed ones.

To-Do List A simple web application of a to do list Built With HTML, CSS, JS, ES6 & Webpack Getting Started In this repository I created To-Do List SP

Juan Sebastian Sotomayor 12 Apr 11, 2022
A to-do list Web application that lets the user add, remove and reorder to do lists and checks a task when completed with a button to delete all completed task

TO DO LISTS A Web application that lets the user add, remove and reorder to do lists Built With Html,JS,CSS Webpack and other dependencies Git, Github

Promise Okechukwu 14 Nov 1, 2022
Project developed as Capstone of Q4 Backend module of the Fullstack Developer Course of Kenzie Academy Brasil by the group @ezms, @Nafly09, @RafaelSchug, @victorlscherer, @Vinicius2m, @ManoelaCunha

✨ Quokka Services ✨ ?? Serviço rápido e sem preocupação! ?? O objetivo da nossa aplicação é diminuir a dificuldade que moradores de condomínios encont

Manoela Fernanda Girello Cunha 4 May 4, 2022
This project is the capstone for module two of Microverse Bootcamp and has been done as a team and covered the following topics: - Connections to external APIs - Testing program functionalities using Jest - Displaying some products in to the UI - Added like and Comment features to the App

JS-capstone Table of contents Overview The challenge Screenshot Links Project Setup commands My process Built with What I learned Continued developmen

Mahdi Rezaei 6 Oct 22, 2022
This project is part of the 2nd Module 2 Block of Microverse curriculum

To-do list is a tool that helps to organize our day. It simply lists the things that you need to do and allows you to mark them as complete by using ES6 and Webpack!

Ravi Teja 14 Mar 14, 2022
In this project we made a Tv shows webpage where you can like or comment the different shows.

JS Capstone Project In this project we made a Tv shows webpage where you can like or comment the differents shows. Built With HTML CSS JavaScript Lint

Lucas Bonnefon 4 Mar 16, 2022
A single-page application that allow users to add their To Do items. The items could be checked as completed and the completed task can be removed. Built with JavaScript, HTML and CSS

To Do list Application This is a single page application that allows users to keep track of their tasks. Users can add the task and also check the che

Micheal Oguntayo 4 Oct 14, 2022
A daily activity tracking application that helps to organize your daily tasks and keep track of tasks that have been completed, or yet to be completed.

To-Do-List This is my To-Do List project in the Microverse curriculum. Built With HTML CSS Javascript (Webpack) GitHub Live Demo Live Demo Link Gettin

Hammed Adisa 8 May 7, 2022
Module '2' Week two '2' project. The following technologies are used: HTML, CSS , Webpack, and JavaScript. Features of this app are rendered dynamically. It allows user to pinned or add task the will be doing on it. Local storage session is implemented. Task stay on app when user refresh or reload page. Task can be checked when completed.

To Do list: Description the project. Built With Major languages Frameworks Technologies used Screenshot of project Built With HTML, JAVASCRIPT, CSS, a

Evans Kupour 8 Nov 4, 2022
A simple To Do List application that allows users to save, edit, mark completed, and delete their to-dos, and save their list when application is closed. Build with JavaScript.

To Do List A simple To Do List online application that allows users to save, and manipulate their to-dos, and save their list when application is clos

Mahmoud Rizk 10 Dec 20, 2022
A simple JS To Do List bundled using Webpack. You can add new tasks, edit existing tasks, check completed tasks, and delete tasks from the list. It is built mainly with Javascript.

To-Do-List A simple HTML list of To Do built using webpack and served by a webpack dev server. Live Link See Demo Built With HTML, CSS, Javascript To

Michael Ugochukwu 3 May 10, 2022
To-Do list a web app for tracking personal progress through the day. Users can input a list of tasks and mark them as completed once they are done. Built with JavaScript and Webpack

To-do-List-Project To Do List Project Description. This project creates a simple HTML list of To Do tasks. It was built using webpack and served by a

Olawale Olapetan 7 Jul 8, 2022