Code Monkey home page Code Monkey logo

halal-cart-finder's Introduction

Halal Cart Finder

A locator for halal carts complete with cart details, user reviews, and the interactivity of social media.

Links

Repo

User Stories

The user can:

  • Sign up and log in
  • View all carts on a map
  • View all carts as a list
  • View all details for a cart
  • View all reviews for a cart
  • Add a review for a cart
  • Edit their review
  • Delete their review
  • Like a review
  • Unlike a review
  • Add a comment on a review
  • Edit their comment
  • Delete their comment
  • View all reviews as a list
  • View all favorite carts as a list
  • Add a cart to their favorites
  • Remove a cart from their favorites
  • View all users as a list
  • View all details for a user
  • View all reviews written by a user
  • Edit their user profile
  • Delete their user account
  • Suggest a cart
  • Add a cart (admin)
  • Edit a cart (admin)
  • Delete a cart (admin)
  • Delete a suggestion (admin)

Set Up

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

git clone https://github.com/wyou130/halal-cart-finder

Install Gemfile dependencies:

bundle install

Migrate and seed the data:

rails db:migrate db:seed

Run the server:

rails s

In another terminal, cd into the client folder:

cd client

Install package.json requirements:

npm install

Open the app in browser:

npm start

Demo

Log In

Log In Page

Sign Up

Sign Up Page

Home Page

Home Page

Home Page with Map Popup

Home Page with Popup

All Carts List

Carts List Page

Cart Details

Cart Details Page

All Reviews List

Reviews List Page

Review with Comments Showing

Reviews List Page with Comments

Favorite Carts List

Favorite Carts Page

All Users List

Users List Page

User Details

User Details Page

Technologies

  • React
  • Ruby on Rails
  • ActiveRecord
  • PostgreSQL
  • React Mapbox GL
  • React Semantic UI

Future Updates

  • Expand social media functionality:
    • Add friends and see their activity on home page feed
    • More user details on their profile (favorites, activity, other friends)
    • Ability to upload photos via image hosting site (in progress)
  • “Get directions” button to show route from current location to selected cart
  • Sort carts based on distance from current location
  • Suggestions form for users to suggest new carts or edits to cart info
  • Admin attribute for users
    • Suggestions submissions shows for admins to read and take action
    • Add/edit cart function for admins
  • Mobile version via React Native or Swift
  • Inclusion of other types of street carts

Contact

Wendy You

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.