anca2196 / The-Wisdom-of-Kanye-West

The Wisdom of Kanye West

Table of Contents

1. About The Project
• frontend
• backend
2. Getting Started
3. Color Reference
4. Tech Stack
5. API

About The Project

A showcase of Kane West's most amazing thoughts, plus the option to log how these thoughts influence you.

Log In Credentials:

• Username: kanye
• Password: kanye

Frontend

• This folder contains the react-app.

Media responsive:

Backend

• This folder contains the node.js app.

• Don't forget to create the .env file at the backend folder root with the following details, as per your mySQL credentials:

     DB_HOST= 
     DB_PORT=
     DB_USER=
     DB_PASSWORD=
     DB_NAME=

• API : URL: http://localhost:5000/diary/

 GET /diary/

 POST /diary/

 PUT /diary/:id

 DELETE /diary/:id

Example response:

[
    {
        "testimony_id": 1,
        "kanye_quote": "For me to say I wasn’t a genius, I would just be lying to you and to myself.",
        "fan_testimony": "This quote is exactly how I feel. Kanye gets me",
        "rating": 5
    },
    {
        "testimony_id": 2,
        "kanye_quote": "50 is Eminem’s favourite rapper. I’m my favourite rapper.",
        "fan_testimony": "Can you even hold it against him? I'd be my favourite rapper too if I were Kanye.",
        "rating": 4
    },
    {
        "testimony_id": 3,
        "kanye_quote": "One of my biggest Achilles heels has been my ego. And if I, Kanye West, can remove my ego, I think there’s hope for everyone.",
        "fan_testimony": "This man is so inspirational... I feel awakened",
        "rating": 5
    }
    ]

Getting Started

1. Clone the project

  git clone [e-mail]:anca2196/The-Wisdom-of-Kanye-West.git

2. Go to the project directory

  cd The-Wisdom-of-Kanye-West

3. To start the frontend folder server:

  cd frontend
  npm install
  npm start

4. To start the backend folder server:

  cd backend
  npm install
  npm run dev

5. Happy coding!

Color Reference

Color	Hex
Black	#000000
Falu Red	#941212
White	#FFFFFF

• Wireframes available on Figma

Tech Stack

• React.js
• Styled-Components
• Node.js
• mySQL
• Express

Also Used:

• Material Ui
• Ant Design

API

This website uses the wonderful API kanye.rest