Completed DigitalCrafts 16-Week Coding Camp in May 2021 – Below are my projects:
SucceedAtFailing – NodeJS React Full Stack Project
This is an infinite scroll feed of applications submitted by users into their personal application tracker. In the feed you click the emojis to send your support to the applicant to help motivate job seekers as they send applications and receive rejection letters.
It features a profile page to see the total number of emojis you’ve received and we also threw in a bit of competition to see who could submit the more applications in our top 5 page showing the top five applicants. See the Code at: https://github.com/jorgecuza92/happy-sad
ImperfectPrint.com (Expired) – Solo – Full Stack JavaScript Project
Tech = React, express, jsonwebtoken, uuid, sequelize, dotenv, formidable, nodemailer and bcryptjs
You got the Covid-19 Vaccine and want to show you’ve been vaccinated, then here is the thing for you! I’ve set up the site to take an order for a badge card, with the option to add a picture of your vaccine card on the back. Once you’ve filled out the form you are taken to a Stripe checkout screen where they handle payment processing. After completing your order you are taken to a success or failure page.
There is an admin page for me to manage the stock of cards available for order and an order status page which sends an e-mail with a link to check your status.
I’ve since let the domain expire, but you can see my presentation on YouTube https://www.youtube.com/watch?v=bazn3fKef-I
You can check out the code and pictures of the Admin and Status flow on my Github at github.com/AgentLopez/Week14
Solo Assignment – Full Stack – Books4You
React, Redux and JSON web token on client side. MySQL, NodeJS, Sequelize, express on server side.
Different components brought together and sharing information in the global state to render a different menu options in the header and read the cart count. Cart and Favorites are two separate components stacked on top of each other on the right side and pull from the global state to show and update items in these components.
Check out my code on GitHub
Full Stack – Group Project – Munchie Gourmet
You hungry? Don’t know what to make? This application takes a few ingredients you have around the kitchen and pulls from an API recipes that have those ingredients. Next tell it what ingredients you need to pick up at the store. It takes the ingredients and stores them in a database so when you’re at the store it acts as your shopping list.
In the group we started with Elephant SQL as our Postgres database and Heroku as our host. After we presented the project I converted the database to use mySQL which is provided by my webhost. In our group project it would only handle one recipe, I added the ability to have more recipes and related shopping lists.
Full Stack – SQL Integration – Blog Assignment
We did this assignment twice. It was making a blog app that lets you post when you’ve logged in. We did it twice because of the way we were interacting with the Postgres database being hosted on Elephant SQL. The first time we used PG Promise in which we were responsible for writing the SQL commands and then injecting the values. The second time we used Sequelize which writes the SQL for you.
Check out the code here.
Back End – NodeJS – Server Side Pages
The end of week assignment encompassing all the things we’ve learned that week was to display movie title, then create a link to show details. This was done with mustache and my first encounter with server sided pages. Learned about views, static resources, routing and sessions. We did a login that was not secure as all the variables and arrays were locally saved. When we had this login we made pages that could only be reached when the session showed a user name (not secure, but one step at a time). I spent some time that weekend checking if I could get this to run on my current web host. I got it to run, but only after spending a long time in the SSH shell and and using sftp to get files in places. I’ve heard about the VIM editor and I used it a bunch to make changes to files to get it working.
JavaScript Frontend UI – Week 6
Weeks 3 focused on HTML and CSS to prepare us for learning JavaScript and being comfortable when we needed to style things inside the JavaScript file.
Weeks 4-5 brought us close and personal with JavaScript. We learned about HTML manipulations, callbacks and how to take data in JSON from an API and display it in our pages which was what our project that we were given a week to complete was about.
This is our group frontend UI project. As a group we chose to use a sports API to display NBA information. You can check it out running at http://overtime.surge.sh This is our group presentation we did for the class:
Python Pool Table – Week 2
The first two weeks we focused on Python. We learned how to write functions, for loops, while loops among other things. The project here was to write a program to manage pool tables in a recreation room. It is supposed to tell you what tables are checked out, for how long, and the cost when you check the table back in. This was all done in the command line, so we did not begin to consider user interface beyond entering a number and comparing the value to make something happen. Below is a screenshot. The code can be see here: Pool.py
