GithubHelp home page GithubHelp logo

instant-noodles's Introduction

Instant Reviewdle

A review hub for instant noodles where users can find their next noodle to try and share thoughts with the community.

User Stories

The user can:

  • Sign up and log in
  • View a list of all noodles
  • Add a noodle
  • View all details for a noodle
  • View all reviews for a noodle
  • Add a review for a noodle
  • View a list of all reviews
  • View a list of all users
  • View all details for a user
  • View all reviews for a user
  • Edit their user profile
  • Delete their user account

Set Up

To run this project, first fork or clone the repository:

git clone https://github.com/wyou130/instant-noodles

Seed the data:

rails db:seed

Run the server:

rails s

In another terminal, cd into the client folder:

cd client

Install requirements:

npm install

Open the app in browser:

npm start

Demo

Log In

Log In

Sign Up

Sign Up

Home Page

Home Page

All Noodles List

All Noodles List

All Noodles List with Hover

All Noodles List with Hover

New Noodle Form

New Noodle Form

Noodle Details

Noodle Details

New Review Form

New Review Form

All Reviews List

All Reviews List

All Users List

All Users List

User Details

User Details

Technologies

  • React
  • Ruby on Rails
  • ActiveRecord
  • PostgreSQL
  • Bootstrap CSS

Future Updates

  • Edit and delete functionality for reviews
  • Add comments on reviews
  • Favorites list
  • Recommend checkbox as part of review
  • Search bar for noodles and reviews, filter noodles by birthplace/overall rating, sort noodles by highest ratings and most recommended

Contact

Wendy You

instant-noodles's People

Contributors

wyou130 avatar

Watchers

 avatar

Forkers

akusterr

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.