elyhess / spicy_opinions

Spicy Opinions

Introduction

Spicy opinions is an application that allows users to post their deepest most intimate hot takes. Is soup a drink? Does pineapple belong on pizza? Find out here...

You can track my progress here.

Installation

To get a local copy up and running follow these steps

1. Clone the repo

   git clone https://github.com/elyhess/spicy_opinions
   

2. Install dependencies

    dir: /server
    npm install
   
    dir /client
    yarn install    
   

3. DB migration

    dir /server
    npm run migrate
   

4. Add ENV variables (.env file in /server root dir)

    PORT=<port_num>
    DB_USER=<db_username>
    DB_NAME=<db_name>
    JWT_SECRET=<secret>
   

5. Start servers

   dir /server
   npm run dev
   
   dir /client
   yarn start 
   

6. Visit localhost

   http://localhost:3000
   

spicy_opinions's Issues

Users CRUD w/ JWT

Create Users CRUD

• GET /users
• GET /users/:id
• POST /users/register
• POST /users/login

Comments CRUD

Create comments CRUD

• POST /comments

Add /spicies/:id and comment functionality

As a user I can visit /spicies, click the comment SVG and leave comments on spicy opinions.

Add /about page

Add about page that gives description of the application, technologies used, and github information

HotTakeList Component

API CALL: http://localhost:4000/api/v1/articles

Returns all hot takes from server

Articles CRUD

Create articles CRUD

• GET /articles
• GET /articles/:id
• PATCH /articles/:Id
• POST /articles
• DELETE /articles/:id

InputHotTake Component

API CALL: http://localhost:4000/api/v1/articles/new

Responsible for posting new hot takes to the server

Nav Component

Setup navbar component with tailwind styling & links to account page & species (hot-takes)

Add /profile page

Add /profile page where users can see all the articles they've posted and delete their account / all associated articles

Add Username to Articles table

Add usernae to articles table in order to display authors name per article without the need for another API call

Navbar functionality

Setup navbar functionality for working links to correct pages

/profile
/spicies

README

Complete Readme

API Documentation

Create postman API documentation

Setup

Initial project setup.

• Create project
• install dependencies
• Start readme
• Create DB
• Create migrations
• Create Models

Troubleshoot why server response does not contain proper response objects

Reacreate:
When sending a POST request to /api/v1/articles/new server does not send created object in response body

SOLUTION:
response.json was missing await call so body - response was returning promise

Setup

Setup Client Side

• Create-react-app
• Install dependencies

Implement proper site url pathing

Research and connect corresponding pages to correct content for display

/ - root (about / welcome)
/profile
/spicies

Implement user login/logout via JWT

Implement user registration / login / logout utilizing JWT token generated from server