Giter Club home page Giter Club logo

nope-yelp's Introduction

nope

Nope is a fullstack web application, inspired by Yelp. Our rating system is opposite the typical norm. The more stars (known to us as nopes) you have, the worse the business is. We've noticed that users are typically more honest and put more thought into bad reviews than good reviews, hence the name Nope. Visit our site as a passive user, active user, or business owner. As a business owner you can recieve feedback known as grumbles, dedicated to shedding light on how the business can improve. As an active user you can read, post, delete, and edit grumbles or become a business owner yourself! As a passive user you may not write grumbles or leave nopes but you may visit business pages to read grumbles.

Live site: Nope

๐Ÿ”— Wiki Links

๐Ÿ–ฅ๏ธ Technologies

Frameworks, Platforms, Libraries:

My Skills

My Skills

My Skills

  • Python, Flask, JavaScript, React
  • Redux, Postgres, Docker, SQLite
  • CSS3, HTML5, Heroku

Asset Design:

My Skills

Assets utilized and/or created by:

  • SVG, Adobe Photoshop, Adobe Illustrator, CSS3

๐Ÿ“ƒ Pages

๐Ÿ’ฆ Splash Page

nope-landing

๐Ÿ” Search Function

nope-search

Search by:

  • Name
  • Keywords
  • Tag Names
  • Cities
  • Types of food

๐Ÿ“ท Filter Search Function

nope-filter

Filter by:

  • Price

๐Ÿ Business Page

nope-bus-page-photos

Owner of Business:

  • Delete Photos
  • Add Photos
  • Edit Business Details
  • Delete your Business

User

  • Leave a grumble
  • Edit/Delete grumble

๐Ÿ’ข Grumbles

nope-bus-leave-review

๐Ÿข Create a Business

nope-for-businesses

โ›น๏ธ User Profile

nope-user

  • Display your Avatar
  • Check your reviews
  • Check your businesses

โ–ถ๏ธ Get Started

Clone repository.

  • SSH:
[email protected]:Samsuhhh/Nope-Yelp.git
  • HTTPS:
https://github.com/Samsuhhh/Nope-Yelp.git
  • CLI:
gh repo clone Samsuhhh/Nope-Yelp

Install dependencies & Prep database.

  • In the project directory you will run:
pipenv install

This command will install packages into the pipenv virtual environment and update your Pipfile.

  • Create a .env file in said current directory.
  • Paste in SECRET_KEY and DATABASE_URL configurations.
SECRET_KEY=<<SECRET_KEY>>
DATABASE_URL=sqlite:///dev.db

The .env file contains the individual user environment variables that override the variables set in the /etc/environment file. You can customize your environment variables as desired by modifying your .env file. In this case we are setting the SECRET_KEY and the DATABASE_URL.

  • While in your root directory run:
pipenv shell

This will create a new active pip environment for you to run your backend.

  • Followed by:
flask db upgrade
flask seed all
pipenv run flask run

Because this application uses SQLite, the upgrade command will detect that a database does not exist and will create it. While now you are creating the database you are also seeding in our 105 businesses, 315 business images, 30 users, and all of their 270 grumbles/nopes.

  • Navigate to your /Nope-Yelp/react-app/ folder and create another .env file.
  • Paste in the REACT_APP_BASE_URL
REACT_APP_BASE_URL=http://localhost:5000

We'll be pasting in the path to server for frontend into this newly created environment file.

  • All there is to do is:
npm install

This command installs a package and any packages that it depends on. Since the package has a package-lock the installation of dependencies will be driven by that. If you take a peak into your package.json file you can see all the dependencies our project is installing.

npm start

This runs a predefined command specified in the "start" property of a package's "scripts" object in our case it is:

"start": "react-scripts start"

DO NOT paste this anywhere. The code above is already provided in our package.json file!

And voilร !

๐Ÿ“ฑ Contacts

Jake Matillano Sam Suh Alex Dam Gary Song
LinkedIn LinkedIn LinkedIn LinkedIn
GitHub GitHub GitHub GitHub

๐Ÿฅš Thanks for checking out our project! ๐Ÿฅš

thankyoueggs

nope-yelp's People

Contributors

jdoofey avatar garydsong avatar aldam55 avatar samsuhhh 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.