A web platform featuring gastronomic content and a variety of recipes created by a team of professionals.
This project was conceived for the third web development assignment at Coderhouse. It utilizes full Bootstrap with all the tools I have learned. In the almost final stage of the project, I implemented structural changes with SASS to adapt my framework as much as possible to BEM conventions, added some JavaScript details, animations, and applied SEO practices (improving image loading performance with the corresponding format, WEPB, using meta description, keywords, and social media links for better positioning).
All pages are fully functional and responsive up to mobile devices . Currently, in the recipe cards menu, you can only access the first recipe (chocolate mousse) to view the chosen design.
- [Figma Mockup](https://www.figma.com/file/dsOpvGA5gtWhEFqhOmJkqo/Mockup-Cocina?type=design&mode=design&t=w2DJSMA5G7w1T70l-1 Figma del mock-up.)
- [Live Demo (InfinityFree)](https://foodstorming.infinityfreeapp.com/ Link de la pagina subida a infinityfree.)
- [404 Page (InfinityFree)](https://foodstorming.infinityfreeapp.com/pages/404.html Link de la pagina 404 subida a infinityfree.)
- [GitHub Pages](https://billiejoe1988.github.io/PF-Arbelaiz/ subida a git-pages.)
- [GitHub Repository](https://github.com/billiejoe1988/PF-Arbelaiz link del repositories.)
- Animate.css - for title animations.
- Particles.js - for the particle background.
Thank you for visiting our project!