Giter VIP home page Giter VIP logo

romcom-project's Introduction

RomCom

Abstract:

For this project, we built a web application that generates user-created and random book covers. The user is able to combine an image of their choice with a title and tagline of their choice. The user then has the option of saving, deleting, and using a gallery to display any saved cover that was generated randomly or made by them.

Installation Instructions:

  1. Fork this repository.
  2. Clone your new, forked repo to your local machine.
  3. cd into the project's parent-level repository on your local machine.
  4. Open all files in your text editor.
  5. View the project in the browser by running open index.html in your terminal.

Preview of App:

Screen Shot 2022-09-03 at 11 49 44 AM

Context:

This project was our week 2 project for Turing's Front-End software engineering program, and our first collaborative project. Two of us were given approximately 5 days to complete the project. Ultimately, we worked on this project for approximately 4 - 6 hours per day for 4 days.

Contributors:

Sam Rice: https://github.com/sam-rice
Jordan Smith: https://github.com/jaysmith2022

Learning Goals:

  • utilizing Object-Oriented Programming and DOM manipulation
  • reading and understanding the behavior of HTML and CSS
  • utilizing browser Dev Tools (Google Chrome) to debug/read the DOM
  • continuing to solidify understanding of Javascript fundamentals
  • building applications collaboratively
  • using best practices for Git/GitHub (pull requests, naming conventions, etc.)
  • continuting to solidify understanding of software including VS code, Atom, Zoom, Mac's Terminal, GIT, and GitHub

Wins + Challenges:

  • Our first and biggest win was finishing the basic setup our random poster generator and getting random posters to display. Getting a basic handle on how the application would need to be built out down the line, and strategizing about the best way to set things up was a challenge. We ended up talking through different logical approaches and taking our time to choose what we thought would be the best way to begin.

  • Another roadblock we encountered came towards the end of the project, when we needed to research new concepts in order to get the "delete cover" function to work. We were tipped off on which lesson to look ahead at, and along with some MDN docs, we were able to find the solution we needed.

  • Completing all necessary steps of the project was our other major win!

Jordan Smith: The biggest challenge was being able to meet with my partner. My partner on many nights would have to wait until I got my kids to sleep to be able to pair on the project. We outlined the hours that would work best for us according to the DTR questions. We powered through it and my partner and I were flexible. We also were able to work on the project separately at points, but made sure that we both understood the code before making any commits.

Sam Rice: My biggest personal challenge was in establishing a workflow between using Dev Tools and my text editor. It took a little while to grasp the logic behind what needed to be logged to the console, for example, to check if an expression was doing what I needed it to. Once I got the hang of it, it became an invaluable part of the debugging process.

romcom-project's People

Contributors

jaysmith2022 avatar sam-rice avatar hannahhch avatar cbdallavalle avatar holladayian avatar kaylagordon avatar letakeane avatar

Forkers

jaysmith2022

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.