-Possibility of consuming images from unsplash (either random or filtering by keywords) in a deployed website -When clicking on the logo (MP) the text box is emptied and a new random search is performed -Responsive design + media queries to adapt the layout and content to different display widths -when clicking on a picture there is a link to the picture and a new website is opened
Format readme files
Understand endpoints of an API
Usage of Async functions and API consumtion
Initial usage of components
Vite as a front en dev tool with vanilla JavaScript
Usage of Github as a repository
Deployment: Netlify/Vercel
### JS
- event handlers
- functions
- variable scope
- debouncing
### CSS
- several media queries
- responsive units and design
- flex-box
- variables
- general formatting
### Optional (not implemented currently)
-debouncing: introduction of text waiting a bit so that the JS code does not perform several lookups using the API.
task: getting to know what is, how it works and how to implement debouncing
https://www.freecodecamp.org/espanol/news/curso-debounce-javascript-como-hacer-que-tu-js-espere/
-conceal the credentials to unsplash
-refactoring of the current spaghetti code
| Main links | Platform | URL |
| ----------------- | --------- | ------------------------------------------------------------|
| Repository | GitHub | [GitHub](https://github.com/plugins/github/README.md) |
| Deployment | Netlify | [Netlify](https://pinterestwithunsplash.netlify.app/) |
| Product portfolio | GitHub | [GitHub](https://miguelpanchon-portfolio.netlify.app/) |
Markdown tools:
https://www.markdownguide.org/basic-syntax/
https://stackedit.io/app#
https://codebeautify.org/markdown-formatter
https://dillinger.io/
👨💻 Miguel Panchon 2024