"Gallery" is a website that displays a list of movies and allows you to add likes and comments to each movie. By building this application, we learned how to manage data from differents API. Thanks to that your website will be more interactive.
- HTML
- JavaScript
- CSS
- Webpack
- Jest
- Javascript DOM manipulation
- API connection
Click here for live demo
Click here for video description
- Have git installed. (For version control)
- Have text editor installed. (VSCode, sublime, atom)
- Have CSS,HTML & JS Linters installed and configured. For further information, visit this link to get better understanding on each linters used on this project.
Clone this repository to your desired folder:
git clone git@github.com:Juank628/gallery.git
Install this project with:
- npm install (to install all the packages needed)
- npm run build (to generate the distribution files)
- npm run dev (to start the Webpack dev server)
Feel free to change the webpack.config.js file to modify the dev server settings.
This page registers likes and comments of movies. To register like:
- Click on heart button in the movie card under the movie image.
To register a comment:
- Click on the movie card.
- Fill the comments form.
- Press enter or click on submit
👤 Juan Carlos Sanchez
- GitHub: @Juank628
- Twitter: @juancadev81
- LinkedIn: LinkedIn
👤 Victor Gonzalez
- GitHub: @Vgonma
- Twitter: @Victor_GonMa
- LinkedIn: Victor Manuel Gonzalez Massimi
- Make our own API
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project, please give us a star