Nextview

Second Capstone project

📗 Table of Contents

• 📗 Table of Contents
• 📖 [Second Capstone project]
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
  • API Key Generation
  • Endpoints
    • Run tests
    • Deployment
  • 👥 Authors
  • 🤝 Contributors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 [Second Capstone project]

[Second Capstone project] is a Html , Css & javascript based project

🛠 Built With

1- HTML. 2- CSS. 3- Javascript. 4- webpack.

Tech Stack

Client

• HTML
• CSS
• Javascript
• webpack

Key Features

• Webpack used
• APIs used
• Live update like and comments

(back to top)

🚀 Live Demo

🎉 see live

(back to top)

💻 Getting Started

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

Prerequisites

1. Web browser
2. Code editor.
3. git-smc.

Setup

Clone this repository to your desired folder:

Run this command:

  cd my-project
  git clone [email protected]:ankitt26/Second-Capstone-project.git

Install

Install this project with:

Example command:

  cd my-project
  npm install

--->

Usage

To run the project, execute the following command:

cd my-project
npm run start

API Key Generation

To fetch movies and show data use this API 🔗

`https://api.tvmaze.com/shows`

To fetch Likes and comments data use this API 🔗

`https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/`

Endpoints

/apps/

Allowed actions:

• POST to create a new app

Parameters:

• No parameters required

Return value: unique identifier for the app

abc234

➡️ /apps/:app_id/likes/

Allowed actions:

• POST to create a new like for the given item
• GET to get a list of items with its respective likes

Parameters for POST action:

URL parameters:

• app_id: unique identifier of the app (mandatory)

Request body: a JSON object with the key: item_id (mandatory)

Example of request body:

{
    "item_id": "item1"
}

URL example: /apps/abc234/likes

Return value for POST action: 201 status (created)

Parameters for GET action:

URL parameters:

• app_id: unique identifier of the app (mandatory)

URL example: /apps/abc234/likes

Return value for GET action: array of objects

[
    {
        "likes": 5,
        "item_id": "item1"
    }
]

➡️ /apps/:app_id/comments

Allowed actions:

• POST to create a new comment for the given item
• GET to get a list of items with its respective comments

Parameters for POST action:

URL parameters:

• app_id: unique identifier of the app (mandatory)

Request body: a JSON object with the following keys: item_id, username, comment (mandatory)

Example of request body:

{
    "item_id": "item1",
    "username": "Jane",
    "comment": "Hello"
}

URL example: /apps/abc234/comments

Return value for POST action: 201 status (created)

Parameters for GET action:

URL parameters:

• app_id: unique identifier of the app (mandatory)

Query parameters:

• item_id: unique identifier of the item (mandatory)

URL example: /apps/abc234/comments?item_id=item1

Return value for GET action: array of objects

[
    {
        "comment": "This is nice!",
        "creation_date": "2021-01-10",
        "username": "John"
    },
    {
        "comment": "Great content!",
        "creation_date": "2021-02-10",
        "username": "Jane"
    }
]

(back to top)

Run tests

Jest🧪

$ npm run test

Deployment

$ npm run build
$ npm start

(back to top)

👥 Authors

👤 Ankit

• GitHub: @ankitt26
• Twitter: @ankit26k
• LinkedIn: ankit26k

(back to top)

🤝 Contributors

👤 Kelvin

• GitHub: @Unleashedicon
• Twitter: @KipkuruiKelvin3
• LinkedIn: Kelvin-Kipkurui

(back to top)

🔭 Future Features

• reservation popup
• Display TV shows

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project give it a star.

(back to top)

🙏 Acknowledgments

I would like to thanks microverse .

(back to top)

📝 License

This project is MIT licensed.

(back to top)