The product features you will build
The project you are about to build is an amazing website called PINMAZING. It is a clone of everyone's favorite web-darling Pinterest.
In case you are not familiar with Pinterest, quickly check out the Pinterest website we are re-creating here and come back to the tutorial.
After completing the course you will know how to build your own version of Pinterest. More importantly, you will also have the skills to develop your own projects outside of Pinterest by reusing the functionalities you learned during the PINMAZING project.
Browser Settings: Chrome
In order for you to have the smoothest learning experience, please download the Chrome browser now if you are not already using it, and re-open the Coderletics website from there. This way you are always looking at the same screen view that we have and you can follow along without interruptions or confusion.
Now - in the Chrome browser - open pinmazing.com via a right-click in a new browser tab. This is the site you are building during this course. This is what your end result will look like. Looks very similar to the original Pinterest we want to re-create. Pretty impressive!
The PINMAZING web app consists of seven important components and steps that you are going to build one by one.
You will build a navigation bar with options for the user to log in, upload images and choose a language.
2. User Authentication:
You will build a login and a signUp page with all the functionalities to save user data to your database and allow them to edit their data.
3. Image Upload:
This will enable your users to upload images as pins from their computer.
This allows your users to comment on uploaded images and to save those comments to your database.
This lets your users flip pages if the images do not fit on one page.
6. Responsive Design:
This makes sure your site looks good on all screen sizes: desktop, tablet and mobile.
Desktop and Tablets
7. Deployment and Production:
This gets your page publicly visible on the Internet with a public domain such as pinmazing.com.
Coding Languages and Frameworks this course covers:
Frameworks: Rails, Bootstrap
We use a FRAMEWORK called Rails to create the backend. The BACKEND is where the user data and images will be saved and managed. The user does not see this part of the app.
In addition to that, we will use the popular frontend framework Bootstrap to help us style our pages in a modern style instead of a HTML-90's feel style without too much work.
Databases: Postgres, SQL
We will use Postgres and SQL as our databases for the backend.
Other: Heroku, Git, Github
And we will use a service called Heroku that can host our PINMAZING app and make it accessible from anywhere in the world. Without a platform like Heroku our site would only be accessible on our own computer via our local server, which goes by the name localhost.
Last but not least, we will learn how to never lose a line of code by using GIT and GITHUB.