Git Product home page Git Product logo

george-was-here / everyones-a-critic Goto Github PK

View Code? Open in Web Editor NEW

This project forked from bulabd/final-project

0.0 0.0 0.0 5.3 MB

Lighthouse Labs final collaborative group project. Everyone's a Critic is an API based movie search engine with a social media focus to curate and share your top films.

Shell 0.33% JavaScript 80.08% CSS 0.69% HTML 1.20% SCSS 17.70%
material-ui reacthooks reactjs

everyones-a-critic's Introduction

Welcome to Everyone's a Critic!

About

Everyone's a Critic (EAC) is a movie library that enables users to discover, rate, review and add to movies to personalized movie playlists.

Screenshots

"Screenshot of the main page"; "Screenshot of the movie details"; "Screenshot of the playlists"; "Screenshot of the user dashboard"; "Screenshot of the register page";

Tech Stack

Frontend: React, Material-UI, NodeJS, SCSS, JSX

Backend: Postgres, Express, NodeJS

Dependencies

Frontend:

  • Fontsawesome
  • Material-UI
  • Axios
  • Dom-Helpers
  • React
  • React cookie
  • React DOM
  • React Lottie
  • React Router DOM
  • React Scripts
  • React Stars
  • SASS

Backend:

  • Axios
  • Dotenv
  • EsLint
  • Express
  • Morgan
  • Postegres

Installation

  1. Clone the repo into a repository

  2. Use .env.example to create your own .env files in backend and frontend folders.

  3. Run psql and CREATE DATABASE your_db_name in psql

  4. In another terminal, go to backend folder and run npm install

  5. Run npm run db:reset to seed the database and then npm start to start the server

  6. In another terminal, go to frontend folder and run npm install --force

  7. Run npm start to load the app

everyones-a-critic's People

Contributors

bulabd avatar baila3 avatar george-was-here 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.