https://github.com/hamzaoutdoors/serie_lovers---js-capstone-

The JavaScript capstone project is about building my own web application based on an external API. My partner and me decided to work with API that provides data about series & movies.
https://github.com/hamzaoutdoors/serie_lovers---js-capstone-

bootstrap5 css3 html5 javascript jest webpack

Last synced: 1 day ago
JSON representation

The JavaScript capstone project is about building my own web application based on an external API. My partner and me decided to work with API that provides data about series & movies.

• Host: GitHub
• URL: https://github.com/hamzaoutdoors/serie_lovers---js-capstone-
• Owner: Hamzaoutdoors
• Created: 2021-09-06T18:58:24.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-11-27T23:17:16.000Z (about 3 years ago)
• Last Synced: 2025-01-07T04:20:09.748Z (17 days ago)
• Topics: bootstrap5, css3, html5, javascript, jest, webpack
• Language: JavaScript
• Homepage: https://hamzaoutdoors.github.io/Serie_Lovers---JS-Capstone-/
• Size: 1.91 MB
• Stars: 11
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

    

  

  

    

  

  

    

  

  

    

  

  

    

  





       



 


  " Programming is the breaking of one big impossible task into several very small possible tasks .." - Good programmer

  

  

# JS-Capstone: Series lover


> The Series lover website displays scores submitted by different series. It also allows users to submit their comments in every serie show. All data is preserved thanks to the external [TVmaze API](https://www.tvmaze.com/api), the user can like his favourite serie thanks to [Involvement API](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270)

 

 


   

    

   



   

 


    





    

    
screen shot of our project


# Capstone Live Demo

[Live Demo Link](https://hamzaoutdoors.github.io/Serie_Lovers---JS-Capstone-/)

# Built with 🔨

- HTML5, CSS3

- JavaScript-ES6

- Bootstrap 5

- Git & Github

- Unit testing with Jest

- github pages

- Visual Studio

- API (async & await)

- fix errors with Linters

- Features of webpack and plugins already included

  - style-loader

  - css loader

  - HtmlWebpackPlugin

  - WebPack Dev Server

# Usage

- Navigate to your desired directory in your local machine using the terminal.

- Clone repository by running git clone 

```sh

$ git clone https://github.com/Hamzaoutdoors/js_capstone.git

```

in your local terminal

- After, run the following commands in your terminal:

```sh 

$ cd JS-Capstone

$ npm install

$ npm run build

$ cd dist

```

- OR Use the following commands to npm run start to start the Webpack Dev server and serve the files from the dist directory npm run build to complile build all source files into the dist directory ```npm run watch``` to set webpack into watch mode so that the build is automatically run whenever changes are made to any of the source files.

# Authors

👤 **Ellaouzi Hamza**

- GitHub: [hamzaoutdoors](https://github.com/Hamzaoutdoors)

- LinkedIn : [Hamza Ellaouzi](https://www.linkedin.com/in/hamza-ellaouzi-137a45b8/)

- Twitter: [Hamza Ellaouzi](https://twitter.com/EllaouziHamza)

👤 **Emmanuel Isabirye**

- GitHub: [Emmanuelaaron](https://github.com/Emmanuelaaron)

- LinkedIn : [Emmanuel Isabirye](https://www.linkedin.com/in/fullstackwebdev-emma/) 

- Twitter: [Emmanuel Isabirye](https://twitter.com/EmmanuelIsabir1)

# 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Hamzaoutdoors/js_capstone/issues).

# Show your support

Give a ⭐️ if you like this project!