Server Side JS Project

Languages

Frameworks

Server

Database

Primary Goals

  1. Work on real projects using code you have built as your primary resources for reference.

HTML & CSS

Bootstrap

Node

Express

PostgreSQL

Overview

In this project, you will work through three phases in pairs. For the first phase, you will set up your project using GitHub, then you will create a wireframe for Step I.

For phase II you will create a Database connection, and, lastly you can polish of your portfolio piece and work and add extensions.

Context

Basic Requirements

  1. Apprentices will submit projectby its due date in the Roadmap.

Setup Instructions

Use the Terminal for navigating around the file system and creating new folders and files. Refer to the lesson on Shell Commands if you need guidance on using the Terminal.

When you get to the steps below that ask you to initialize a git repo and track files using git, refer to the lesson on Git and Version Control if you need guidance.

Navigate to the techtonica-labs folder located on your Desktop. Create a new folder called give-it-the-name-that-you-wish within the techtonica-labs folder. Navigate to give-it-the-name-that-you-wish. Initialize give-it-the-name-that-you-wish as a git repository.

If you have questions, try not to ask others until you have spent 15-20 minutes troubleshooting within your own pair. Post a message on the #tech-help channel in Slack if you and your pair partner are still stuck after 15-20 minutes. Be sure to format your question using the template we practiced in the Asking Good Questions lesson.

Project Instructions

Starter Code

Code you have built during weeks 1 - 5 of the program.

Project

Part 1 - Thing they will do (should match Basic Requirement 1 from above)

First step
Gettting Setup

  1. Build a new folder .
  2. Use Git and GitHub for version control.
  3. Update the readme with your pair—include both of your names in the readme, and, give your project a license and a Hello World.
  4. Integrate with EJS and build a simple home page.

Second step
Wireframe Time

  1. Create a wire frame for your project.
  2. Include some buttons, a logo, a topic or theme, and a form including a text or author.
  3. Outline your use of HTML, CSS, Git & GitHub, your server, and database.

Third step
Database Connecting

  1. Connect to the DB.
  2. Set up a model.
  3. Set up a form.
  4. Store items in the database.
  5. List the items.

Part 2 -

Optional - Add Extensions

First step

  1. Add Google Fonts.
  2. Add images.
  3. Add an animation.
  4. Add images of your wire frame to the readme.
  5. Document your process and use wire frame images to explain how you built your app in the readme.
  6. Add documentation that explains how to contribute to your project, and or how to clone and submit pull requests.
  7. Connect your app to Heroku or Digital Ocean to make it live.

Questions to Consider

Extensions