Coder Social home page Coder Social logo

humor-me-ui's Introduction

Humor Me

An application designed to bring light hearted laughs and good humor 🤣

Summary

Humor Me is a web application that encourages users to laugh and feel light through the generation of random quotes. The user has the option to generate quotes in either a wholesome or chaotic category to best fit their mood in the moment. Additional features include allowing the user to favorite quote posters and create their own.

Viewing the Application

View deployed app here

OR

  1. Clone down the repo to your machine using git clone
  2. cd into the directory
  3. run npm install
  4. run npm start

Happy viewing!

Preview of Application

HumorMe

Context

This project was completed during Mod 3 of Turing. The goal of this project was to learn and implement a new technology. We chose to build a backend server (linked here) to host our quotes, and images, as well as save any user favorited posters. We completed this project over the course of 12 days, including our planning, research and excecution phases.

Contributors

Technologies Used

Front End Tech Stack

  • React.js
  • React Router
  • Cypress
  • CSS

Back End Tech Stack

  • Express.js
  • Knex.js
  • PostgreSQL

Wins and Challenges

The biggest challenge in this project was building a fully functional and deployed backend from scratch having never worked on a backend before. In order to accomplish this goal we used GitHub Projects to organize our research and optimize the time we spent on various parts of the project. Communication was key. We held daily stand ups and utilized Slack to keep all contributors on the same page. This was especially helpful during our research spike. We were able to easily share helpful resources, such as video tutorials and specific sections of the Knex and Express docs.

We are extremely proud to have built a fully functional app where a user can view and create data. This was all done over the course of a week and a half, on top of our other coursework and lessons, which is a testament to how much we have learned in just 4 months.

Future Extensions

Given more time on this porject or upon revisting this project, extensions include:

  • Allow a user to delete favorited posters
  • Allow the user to filter favorites quotes by wholesome or chaotic
  • Allow user created quotes and images to be added to the database and be generated randomly in the future.

Because building the backend was part of this project we would also need to add the appropriate endpoints in the server for all of the above extensions. Some already exsist, see the back end README for existing endpoints.

humor-me-ui's People

Contributors

alexavanschaardenburg avatar rachelsoae avatar jamiecaudill avatar dcochico avatar

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.