/Module-Three-Backend

Module three project

Primary LanguageRuby

README

Sweaterweather

My project for module 3 at Flatiron is a single page application (SPA) using a Ruby on Rails backend API. The frontend was designed using vanilla JavaScript/HTML/CSS. This project integrates everything I learned in module 3 including the ability to:

  • Design and architect features across frontend and backend
  • Communicate and collaborate in a technical environment
  • Build and iterate on a project MVP
  • Debug issues in small- to medium-sized projects
  • Integrate JavaScript and Rails

Sweaterweather was inspirired by the application Pinterest. This app focuses on the Autumn season and allows users to store different items that they are interested in into a collection board that they create and name as they desire.

User Stories

  • User can login or create new registration
  • User can browse items from 4 different categories using the navigation bar
  • User can pin item and create a new collection board
  • User can add as many items to one collection board as they want or create a new collection board
  • User can rename collection board
  • User can delete collection board

How to play

You must clone the frontend to this project as well!!

https://github.com/ChristyTropila/Project-Three-Frontend

  1. Clone both repos to your local computer
  2. CD into backend repo and and open up a text editor of your choice
  3. In terminal run the following commands
  4. bundle install -install gems
  5. rails db:migrate -add migrations to data tables
  6. rails db:seed -seed the program with seeded data
  7. rails s -p 5000 start up the server
  8. open up the frontend repo and open up the index.html file in your browser
  9. Read the introduction, create a new user, and enjoy the process!

Stack and Gems used

  • Visual Studio Code
  • PostgresSQL
  • Rails as an API
  • JavaScript
  • HTML/CSS
  • ActiveRecord
  • Cloudinary(photo upload)
  • Google Fonts
  • rack-cors
  • active_model_serializers

Video demonstration below

https://www.youtube.com/watch?v=7n6ZczMmwVo&t=110s&ab_channel=ChristyTropila