Git Product home page Git Product logo

vinylswap's Introduction

MVP Vinyl swap

A platform for swapping vinyls between users. The backened has been done. The frontend structure is basic(no style), but functional.

One important thing that the app missing is the request action between two users. The ability for a user to send a request and receive requests.

Another feature to be added is a login page.

Setup

Visual resources

Go to extra folder located in MVP folder to find api table, mySql schema and flowmapp.

Dependencies

Run yarn on root folder to install dependencies related to Express.

cd client and run yarn install dependencies related to React.

Database prep

  • Access the MySQL interface in your terminal by running mysql -u root -p
  • Create a new database called facebook: create database vinylSwap
  • Add a .env file to the main folder of this repository containing the MySQL authentication information for MySQL user. For example:
  DB_HOST=localhost
  DB_USER=root
  DB_NAME=vinylSwap
  DB_PASS=YOURPASSWORD
  • Run npm run migrate in the main folder of this repository, in a new terminal window. This will create 3 tables called 'vinyls','users' and 'requests' in your database.

  • Make sure you understand how the tables are constructed. In your MySQL console, you can run use vinylSwap; and then show table;, and then describe vinyls;etc. to see the structure of the table.

Run your development servers

  • Run yarn start in project directory to start the Express server on port 5000
  • cd client and run yarn start to start client server in development mode with hot reloading in port 3000.
  • Client is configured so all API calls will be proxied to port 5000 for a smoother development experience. Yay!
  • You can test your client app in http://localhost:3000
  • You can test your API in http://localhost:5000/api

Notes

This is a student project that was created at CodeOp, a full stack development bootcamp in Barcelona.

vinylswap's People

Contributors

asampalean avatar tothviktoria avatar

Watchers

 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.