Tag Archives: final project

The Final Stretch

This week I found myself feeling satisfied and relieved to be taking a break from coding my final project. I went into the last class knowing that I wanted to complete a few tweaks to my WordPress site, wanted to collaborate with my classmates on figuring out the final pieces of code, and coming to terms that I don’t fully understand why my code doesn’t always work. I found myself Googling more than I had anticipated that I would be, and I relied heavily on a number of PHP and CSS code testers to be test my code. At times, I was confused as to if I was making updates to my local or live site…I have a case of “too many tabs open at one time” syndrome. In a way, it was good. It forced me restart my thinking from scratch and gave me a minute to walk away from the code.

Admittedly, I have grown frustrated with the Final Project. I had a feeling I would. I spent SOOOOO many hours trying to get all of the custom post types to work, then getting the meta boxes to work. The frustration quickly turned to anger. I’d be ecstatic if someone could look at my code and find how to improve it so it could echo the information correctly (or at all) the actual post.

Another major shout out to everyone in class the other day. Thanks for helping answer all of my questions!

I’m happy to be able to take a step back from the code. My plan is to quickly jump back into my WordPress site and continuously develop the site, content, and my coding skills. I hope to be able to go back to Code Academy and re-work on the lessons at a slower pace to allow me to soak in the information.

Onward and upward. I hope everyone enjoys the site.

Github: https://github.com/amaliaks/Final_Project_Amalia

Site: http://threecheersfourfood.com/

Finished Final Project

Looking back at my final pitch last night, I am happy to say that I was able to make pretty much all of the customizations I set out to in my final project. In addition to creating a site with sections for my resume, writing, and blog, I created a custom post type with custom fields and meta boxes, used one plugin to add a rotating gallery to my front page, and used another to add an interactive poll to my blog.

My most complicated customization was definitely my custom post type, i.e. the bane of my existence for the past two weeks. It took me a long while to figure out how to make the data in my custom meta boxes echo out in the post. I finally did it by creating separate single.php and archive.php files for my custom post type but had to spend several days Googling and searching the internet before a couple of forums pointed me in the right direction. Once I was able to get the data on the page, I hit another snag when it came to trying to style it. No matter what I did in CSS, my meta boxes wouldn’t change in appearance (and all I wanted was to move them down a few spaces) so I ended up adding spaces in the actual PHP code as a kind of work-around solution. Overall, my custom post type turned out pretty well, although I am still having trouble getting it to appear in the “archive” and “recent posts” section of my blog. I will look more into this to see if I can figure out a solution before Wednesday.

Because I used plugins, both the gallery and poll were fairly easy to implement – the most difficult part for each was figuring out what code I needed to insert in what document to get the features to show up where I wanted them to. Overall, both features look good and work well, except for the poll, which seems finicky for some reason. I tested it multiple times and sometimes it let me vote and sometimes it would just get stuck on showing me the results page, not letting me vote again. I plan to look into this as well.

I’m interested to see everyone else’s sites and customizations and to see what feedback I’ll get about my code. I definitely know it’s not perfect and am looking forward to making any changes that can make my site better.

Nearly There

After weeks of trial and error and tears, the site actually looks like something! Well more than something, it looks pretty good. I never really thought I would get to this point but I am excited to be here.

This has been an experience. For the last few weeks I have been focused on the code and design. Ensuring that the everything works. I had a lot of trouble creating the child theme but found a plugin, Child Theme Configurator, that writes the necessary top code for you and allows you to make edits. It even saves the files in the appropriate folder.

Lots of Googling as always, to keep thing moving forward when I get stuck. I will be testing the site again today to ensure that I really have not broken all of WordPress. It is a terrifying though as I finalize the last few details. I’m not sure the API will be a part of the site, but if all goes as planned between today and tomorrow then it will be there.

On a completely different note, I an very excited to remove XAMPP from my computer. My system is seven years-old, basically on its last legs, and running the server is hasting my laptop’s death march. The freezing is getting pretty old and I need this computer to last a few more months. However, the class will be over soon and I can lighten my system’s burden. The GitHub app is not much help either.

Will I voluntarily do this again very soon? Probably not. But who knows? When I’m not in my last semester and go over everything we have learned this summer, I might find myself wanting to do this. The process was not completely unpleasant, and thankfully there are wonderful things like plugins and widgets that make life much easier.

Final Project Recap

As the deadline for our final projects drew close I have to say I had mixed emotions about my site and the progress I had made. On the one hand, I did not complete one of the customizations I set out to achieve. No matter how many articles I read, plugins I studied, tutorials I followed, or videos I watched, I could not get my slideshow plugin to function properly. This caused frustration, disappointment, and left me feeling quite defeated.

On the flip-side, however, as I sat there wracking my brains for ways to fix the plugin, I realized I had learned more than I ever thought possible in a 10 week window as relates to web development and coding. I knew how to check the connection between my local files and FileZilla to ensure things were transferring properly; I figured out how to create a Site Manager connection that automatically logged me into my page each time I opened FileZilla; I learned to understand the error messages that popped up on both my local and live site – what do these messages actually mean and what do I need to do to solve the problems; I figured out how to create a child theme and get it to work properly; I created a functioning form that emailed data to my personal email; I knew how to download Plugins and get them working; I was comfortable with all aspects of WordPress and site layout, from posts, to pages, and categories, to media, and pretty much anything in between; I figured out when something wasn’t work how to check for bugs in my software and, although I have yet to fix the code, I have identified that my slideshow plugin is somehow impacting the ‘featured image’ section of my posts, making it impossible for me to link photographs to the slideshow; and lastly, although I did not fix the problem, I was able to read tutorials and understand the basics of what they were saying, whereas at the beginning of this class I truly felt as though I was reading a different language.

I think, in retrospect, I may have bitten off a bit more than I could chew with trying to create a customized slideshow plugin that would connect to each of my posts as this involves so many different and complex (at least complex for me) pieces of code. Nevertheless, I can say without a doubt I gave this project my all – I spent hours upon hours over the past month reading, practicing, researching, and occasionally screaming at my computer and I am proud of all that I have accomplished and learned through this course.

Finally the Final is Finished

After multiple days and over 20 hours, I have finally completed my final personal portfolio website! I feel extremely happy and am impressed with the outcome that I was able to create. Since the beginning of this class, I was very skeptical and concerned about this project and had no idea how I would ever be able to have a somewhat polished looking site.

Over the past few weeks I have learned a lot about trusting the process and most importantly learning how to Google the right things before asking for help. For example, there was a reply box added to my site that I hadn’t originally put on there and could not for the life of me figure out how to get it off. I tried to delete all of it off of WordPress, and still couldn’t figure out it. Then I turned to Google and was able to find out that I needed to download a plugin that would disable any comment boxes or features. This project has taught me that I need to be more patient and not give up when I can’t figure things out on the first try. In essence, it has taught me a new perspective.

As I had outlined in my final pitch post, I created a personal portfolio that can be looked at by potential employers. I wanted to have a place that held my portfolio, my resume, and just a little bit about myself and my journey into the Public Relations field.

My modifications were as follows:

  • I created a contact form
  • I changed the color scheme
  • I added designs: boxes around various site content
  • I added links to my social media accounts in the footer section through HTML
  • I added PDF viewer plug-in

I am very proud of the website I have created and couldn’t imagine that I would have been able to do this at the beginning of the semester.

My website : alliefoard.com

My Github: https://github.com/alliefoard/hello-world

^^^ my github wouldn’t let me add another main branch so I had to delete everything from the hello-world repo!

Final Project Update

Working on the project for the past week, I’ve been able to tick off a couple of the customizations on my list: I’ve created a custom post type for my book reviews, created hierarchies to sort the posts by genres and authors, and created a custom meta box for rating each book. Unfortunately, I have yet to figure out how to have the data from the meta box save and display on my posts. I am rating the books from one to ten, and, so far, the number I enter stays in the box after I’ve saved and hit publish but doesn’t show up when I preview the post. I’ve been adapting the code from the book list plug-in, which has been a lifesaver, and I’m not sure where I’m going wrong. I’ve looked at various tutorials but none of them have worked for me. I know Jaclyn was having a similar problem with her meta boxes, so maybe we can troubleshoot that together on Wednesday.

I would like to make more edits to my custom post type, including creating a subtitle custom field where I can post my favorite quote. I’ve downloaded the advanced custom fields plug-in but am having a little trouble navigating how to use it.

I would like to use this to also add a “Currently Reading” custom field to my regular (non-custom) posts. I’ve managed to get a “Currently Reading” section to appear on my posts but am not sure how to get the data in it to display when I publish. I’ve been using this tutorial, which tells me you have to put code into the WordPress Loop. I’ve tried to create a loop in my child theme folder so I can insert the code to make the field display (since I know we’re not supposed to touch the core files) but keep getting errors.

I also tested dropping my files into FileZilla this weekend and got it to work (I think) – it was cool to see my custom post type appear on my live site!

I’m hoping to wrap up work on my custom post type before Wednesday and spend the second part of the week focusing on my second big customization: creating a custom poll to have visitors interact with my site and choose what book I read next.

I am crossing my fingers that I will have enough time to get everything done and that the customizations I finish will be enough.

API Readings and Project Update

Readings

In terms of this week’s readings, I’ll echo Allie’s thoughts in that I understand the general purpose of APIs, but, like she pointed out in her post, I’m not quite sure how they apply to our final projects and am a little confused on the more minute details, like resting APIs and JSON.

Final Project

I have to say I’m feeling a little discouraged about our final project. I had issues over the weekend with my MAMP not starting the servers when I prompted it to and couldn’t access my local site. I was able to figure out how to get the app to work with a few hours of Googling and was feeling pretty good (and like a real web developer – yay!) but quickly realized that I’ve now stumbled on a new issue that’s still preventing me from accessing my local site.

My new problem is that when I run my local server and type in the address for my project (http://localhost:8888/finalproject/), I’m taken to the wp-admin page below:

I’m a little confused about why I’m seeing this page because it was my understanding that we had already installed WordPress in class together a few weeks ago? When I go through the final steps of installing WordPress here, I get a page showing me a bunch of database errors telling me certain files don’t exist:

And finally, when I click “login” at the bottom of the errors page, I get the following error message on a new page:

So far, Google has been unsuccessful in helping me figure out what’s wrong.

I didn’t want to lose time so I’ve continued to make changes to the code in my htdocs, even though I can’t preview it to see if the changes are correct. I created a child theme last week and have been working on creating a custom post type, which is probably my most complex customization. As suggested, I’m modifying this book list plugin.

I will keep Googling to see if I can find a solution, and, hopefully, I can get the local site issue resolved before Wednesday or can get help fixing it during class. In the meantime, I have a few other questions:

  • We talked about how some of the more superficial changes should be made on our live site, rather than our local site because the changes won’t necessarily transfer over, and I want to know when we can do that? Should we wait until we make all of our more back-end changes or can we go ahead and make these smaller changes to our other site now?
  • I think we may have covered this in class as well, but how often should we be saving the changes we are making to our GitHub repository? Is it enough to save it after we’ve completed a customization or should it be more frequent?

Baby steps towards the Final Project

Readings:

I’ve had some experience working with software developers and implementation specialists who have explained the benefits of an API. When I worked at Oracle as a Human Capital Management Account Representative, our selling point was Oracle’s open-API standard, or the fact that our applications could talk to virtually anything. In completing the readings from Free Code Camp and WordPress, I was able to get a better understanding of how APIs are used outside of the enterprise software sphere and are used every day by people like you and me. In the past, I’ve heard about REST APIs, but I don’t understand their importance? How would using a REST API on our WordPress site be beneficial to our page? Or, how would this practically translate to our final project?

Update on Final Project:

I’ve finally started working on my final project. It’s been intimidating to say the least. I’ve done all of my work on my local server and haven’t attempted to move anything to the Filezilla application. Should I be actively syncing these two together?

I’ve separately created a CSS file of tweaks that I want to make, but how do I incorporate this into the existing code? Should I create a separate CSS file within my child-theme and have it run last?

My biggest concern is updating the plugins that I wanted to incorporate. How do we do this? Is there a ‘how-to’ document that you’ve found particularly useful online that we should try to follow?

Additional overarching questions:

  • If we are adding HTML, CSS, PHP, etc. to our WordPress site, do we create separate files for these? Where should we be updating the code?

As the final project approaches, I’m realizing how much more time I need to dedicate to the project. I’m starting to think that my final pitch post may have been over ambitious…only time will tell.

Attempting to Build Custom Form, No Success… Yet

This week I spent a lot of time trying to create a custom form for my site and thus far have not been able to get the form to function properly. One struggle I keep running into is that I update the code in Sublime, but given that it is not showing on my site, I can’t figure out where the errors are or what the right next step would be to fix the plugin. I’m not in total panic mode (yet) as we still have time to research, update, and problem solve, but after reading numerous articles on the topic I will say it is a bit overwhelming to try to understand what the problem is and how to fix it. I think this is partially because, first, as a newbie to the coding world, I really don’t know what the problem is I just know the content is not working. Second, there are many different solutions to a problem with code so when I find one solution, I use that as a jumping off point, but then find myself reading other solutions and recommendations that muddle my code and make it ineffective.

I’m really glad we are spending next class working on our sites, as I will be a lot more productive once I can get through some of these hurdles and on to the next phase of updating my code.

As for the reading, I thought the first video that compared Application Programming Interface (API) to a restaurant, with the waiter (or the API) serving as a ‘messenger’ was a very easy way to explain the program. The other readings, however, were a bit more in depth and lost me. For example, I wasn’t sure what this article meant when it said that “if your website’s server is making the API request, then your website’s server is the client” – isn’t the client the one interacting with your API? Is an API , for example, a separate, private page that hosts the content we acquire from visitors filling out a public form? Or is it more something that visitors interact with directly? Also, is an API something we should build on our own, or more a term/concept to be familiar with, but not necessarily something we would create?

Project Management and Final Project Updates

What resonated with me the most this week was stated in the Agile Manifesto:

“Simplicity–the art of maximizing the amount of work not done–is essential.”

I want to be able to continue thinking like this as I approach both the final project and future web/digital projects. I tend to overthink things and get bogged down in the granular tactics instead of focusing on the big picture. I overcomplicate and get frustrated. I have to learn to be flexible, take a step back and look at the project as a whole in order to be as successful as I can be.

The Agile Best Practices video had great concepts that I think can be translated for any managing any project—planning, feedback and testing. For the final project, I will need to create a plan, ask my classmates for feedback and continue testing for the user on the front and back-end.

Updates on the final project: I had SO much trouble getting my site to be hosted on my server on my computer. I did see that it slowed my computer down a little bit, but it was not anything too significant. However, I have not had as much time to go into the code and begin updating it to fit my needs. I’ve begun taking pictures, short video clips, and creating content for the site, since I think that will be the easiest portion of the project. Moving forward, I hope to use a more efficient project management tool to keep me on track of small things I can do every day to alleviate the workload and added stress as we finish up the summer semester. Something I hope to be able to keep in mind is looking beyond the front-end and UX of my site and approach the customizations with a problem-solving lens, as explained in our reading.