judychuepursuit / tuner-front-app-2

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

https://github.com/judychuepursuit

👋🏻 Hello, Welcome to the Cool Tuner App🎵 🎶

Project developed and designed by Judy Chue

The COOL-Tuner-App

tuner-front-app is the frontend portion (REACT) that pairs with the lab-express-sql-seed-read backend portion (EXPRESS) for the Project named: tuner-front-app

Tuner-App Home-pg:

tuner-app-home-page

Tuner-App Index-pg:

tuner-app-index-page

Tuner-Backend-App-pg:

tuner-back-end-songs-page

Here are the Github repository links: The COOL-tuner-app

  • Backend_URL: https://github.com/judychuepursuit/lab-express-sql-seed-read

  • Frontend_URL: https://github.com/judychuepursuit/tuner-front-app-2
  • This App applies the C-R-U-D points.

    HTTP Methods: HTTP methods are also called verbs. They are types of requests you can make to a server. The four most common ones are listed below:

    • GET /transactions: Returns a list of all transactions.
    • POST /transactions: Creates a new transaction.
    • GET /transactions/: id: Returns the transaction with the specified ID.
    • PUT /transactions/: id: Updates the transaction with the specified ID.
    • DELETE /transactions/: id: Deletes the transaction with the specified ID.

    tuner-front-app-new: Frontend

    The REACT app uses the following installs and dependencies: axios, react, react-dom, react-router-dom in order to connect to the back end and the request(s) be viewed on the local host or deployed sites.

    lab-express-sql-seed-read: Backend

    The EXPRESS app (use git init -y) uses the following installs and dependencies: express, nodemon, dotenv, cors- also add a ‘VALIDATIONS” (checks apps) & “queries” (get, create, delete and update/put) folder. This App requires a db folder that has a dbconfig.js, schema.sql (contains the table “INFORMATION”) and a seed.sql file (contains the files “VALUES”). Include a .env file and type in the PORT=30xx (edit the last digits accordingly). Note: Make sure that the .env file has been correctly saved inside the main folder.

    contact info:

    Open to collaboration or work opportunities.

    As a beginner Full-Stack web developer I am open to collaborating on work projects or possibly even a role in mind, that I would be a good fit for. You can also reach out and open an issue or submit a pull request. To this repository.

About


Languages

Language:JavaScript 85.0%Language:CSS 13.8%Language:HTML 1.3%