Sdcrouse / crazy-coffee-concoctions-frontend

The frontend part of the Crazy Coffee Concoctions app, an SPA written with HTML, CSS, and JavaScript. It currently connects to a Rails API backend. This allows users to create and view their ideas for what to put in a cup of coffee.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

README

Welcome to the Crazy Coffee Concoctions app! This is my fourth project for Flatiron School. Crazy Coffee Concoctions is a Single Page Application that allows you to write, save, and view your favorite coffee concoctions. This repository contains the HTML/CSS/JavaScript frontend of the project.

Backend

The Rails API backend of this project is located here.

Installation and Usage

Follow these steps to get the frontend up and running:

  1. Fork and clone this repository onto your own computer.
  2. Navigate to the backend repository and follow the installation instructions, up to and including starting the Rails server.
  3. With the Rails server running, open the index.html file in your browser.

From there, you can do any of the following:

  • Click on the New Concoction button to generate the New Concoction form.
  • Fill out the New Concoction form to create a new crazy coffee concoction.
  • Click on the Saved Concoctions drop-down list to see the names of all of your saved concoctions.
  • Click on one of the Saved Concoctions to view it.

Videos and Blog Post

  • Click here to see a demo of the Crazy Coffee Concoctions app.
  • Click here to watch how I coded part of my app.
  • Click here to see the blog post I wrote for this project.

Development Notes

The frontend portion of the Crazy Coffee Concoctions SPA is written in HTML, CSS, and JavaScript.

If you would like to see how I wireframed this app, check out my Figma designs here: https://www.figma.com/file/odK1rO040HWJ1k5u4Ck4Is/Single-Page-Application?node-id=0%3A1

Contributing

Please feel free to raise a new Issue on my repository if you have any problems with my app (installation, usage, bugs, etc), or you have suggestions for a new feature. Pull requests are also welcome.

Contributors are expected to follow the project's code of conduct. This can be viewed in the CODE_OF_CONDUCT.md file.

License

Licensed under the MIT License.

About

The frontend part of the Crazy Coffee Concoctions app, an SPA written with HTML, CSS, and JavaScript. It currently connects to a Rails API backend. This allows users to create and view their ideas for what to put in a cup of coffee.

License:MIT License


Languages

Language:JavaScript 52.0%Language:HTML 36.9%Language:CSS 11.2%