Jump to content
hettiger

Cooking-Couple.de

Recommended Posts

Today I want to tell you about my most recent Project: Cooking-Couple.de

Maybe you've already seen it.
I've got it listed in the ProcessWire Sites section for quite some time now.
Also it has been mentioned by ProcessWire Weekly as the Site of the week:

ProcessWire Sites Section: https://processwire.com/about/sites/list/cooking-couple/
ProcessWire Weekly: https://weekly.pw/issue/137/

What is this website all about? Why did I make it?

I'm using ProcessWire at my day-to-day job and this project is my private playground for learning.
Besides of that of course it's actually really what it claims to be.
We seriously love cooking and I hope we'll find the time to get enough content together so that all the powerful search capabilities make sense after all. :-)

Technical depth

@teppo has already provided a great technical overview to the project.
In this thread I want to give you the opportunity for digging even deeper.
Want to know how I've implemented a specific feature on the site?
No problem, I'll try my best giving you detailed answers about it so that you can build something similar.

What happened since the review on ProcessWire Weekly got published?

  • I updated Vue from 1.x to 2.x
  • The faceted search has become even more intelligent and easy to use. (Especially on mobile devices)
  • I've added suggestions on the detail page that respect content types and tags to show actually really relevant content instead of just showing some random pages.
  • The website is no longer using the built in template cache. I've switched completely to ProCache. (Since template cache was already carefully implemented the whole switch was a breeze and the site is now blazingly fast)
  • All the assets are now being served by a CDN (thanks again to ProCache)
  • Several minor CSS improvements

Now that I've made these updates I think the website is actually a very good showcase for the power of ProcessWire.
Just have a look at the source code of some of the pages and you can see what is actually being cached. (<body ... class='ProCache'>)
This alone is a huge proof of the scalability of this system. Almost every single page is being cached with static files thanks URL segments caching.

Yes I'm really excited about ProcessWire and it's optimization opportunities. :-[

Roadmap

Most of the features I've initially planned for this project are already implemented.
Anyways there are some more ideas I find quite interesting:

  • Adding some more filters (time, difficulties)
  • Negating specific search filters (show recipes without specific ingredients)
  • Rating recipes
  • iOS and Android apps that are reading the data from ProcessWire

I'm not exactly sure which of these I'll implement or if other ideas will come to my mind that I like even more.
Maybe you also got some input for me? :-)

When it comes to the apps I'm actually pretty excited about that idea. I've even started building a simple API:
https://www.cooking-couple.de/api/v1/recipes/ (Yes that's cached with ProCache as well O0)

Anyways I might wait until we get the Front-end JS $pages API mentioned at: http://processwire.com/blog/posts/roadmap-2017/

Conclusion

So I guess you get the idea. I'm really excited about ProcessWire and am willing to share the knowledge I've obtained while building this website.
I'm looking forward to your questions, feedback and / or input.

Have a great time and thanks for being part of the community! :-)

 

  • Like 5

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By abdulqayyum
      Hy everyone,
      i am using loginRegister module for front-end user login.
      In this module user can login with Email/username, i am showing with Email. done
      but not showing Email in Forgotton Password section. there still showing with username.

      i want to show Forgotton Password with Email instead username. and should reset with email.

      please help me in this section, how i can set it with Email.

      Thanks AbdulQayyum.
    • By abdulqayyum
      Markup-Google-Recaptcha is not working with LoginRegister module in Forgotton Password Form.
      Here is my code
      wire-> modules -> process -> ProcessForgotPassword.php
      protected function step1_renderForm() {
              $form = $this->modules->get("InputfieldForm");
              $form->attr('action', './?forgot=1');
              $form->attr('method', 'post');
          
              $field = $this->modules->get("InputfieldText");     
              $field->attr('id+name', 'username');
              $field->attr('class', 'redesign-field forgotPassFeild');
              $field->setAttribute('placeholder', 'Username');
              $field->required = true;
              $field->label = $this->_("Forgotton Password");
              $field->description = $this->_("If you cannot remember your password to access the affiliates portal. simply provide your username in the box below and we'll send you a reset link via email.");
              $form->add($field);
               
             // Calling MarkupGoogleRecaptcha Module.
              $captcha = $modules->get("MarkupGoogleRecaptcha");
             //  rendering form with recaptcha
              $captcha->render($form);
         
              $submit = $this->modules->get("InputfieldSubmit");
              $submit->attr('id+name', 'submit_forgot');
              $form->add($submit);
              $this->session->userResetStep = 1;
               
              // rendering form
               $out .= $form->render();
          
              // getting captcha script
              $out .= $captcha->getScript();
              return $out;
          }

      I am following this one example.

      please suggest me how i can show MarkupGoogleRecaptcha in forgotton password.
      Getting log error


      Thanks,
      Abdul Qayyum
    • By Mithlesh
      Hi there,
      My form is not getting submitted, it is showing:
      Unable to verify successful email delivery of this form submission.
      Attaching for your reference as well: 

      In the Backend, it is showing Connection timed out with smtp.gmail.com
      Pl guide me how to resolve that
    • By Sephiroth
      Hi guys, so since I moved to Processwire, it has been my default go-to CMF/CMS for my website and client applications, apparently my previous job took a toll on me, and made me have less time, but now finally had the chance to change my website to something I always had in mind.
      I decided to go with something minimal, as I tend to enjoy writing, so wanted a website to have more text than graphics and I think I whipped up something clean. Currently I still have more to do, but this is my current website, the main purpose to have a content driven website where I will be writing tutorials , articles more and hopefully  technical  notes.
      Please let me know your honest opinion.
      PS: I am more of a coder than a designer but i think this old dog still pulled it off
       
      https://okeowoaderemi.com/
       
       




    • By abdulqayyum
      hello processwire community,
      i am using LoginRegister module for front-end user registration. i am facing an issue verification email not receiving while WireMailSmtp is working perfectly and user receives message
      "Thank you, a confirmation code has been emailed to you. When you receive the email, click the link it contains, or paste the confirmation code below."
      received this message in front-end but does not receive any email relevant it.
      please help me in this case how i can solve it.
      Please check screen shots for SMTP test and message which receives user.
      Thanks AbdulQayyum,

      First screenshot SMTP test message, second when user receives message after clicking register button.
×
×
  • Create New...