JohnnyParra / Blog-Website-Client

1 stars 0 forks source link

Blog Application (Client / Front-end)

Website using Netlify for the front-end, Vercel for the backend, and Azure MySQL database: Blog Website

The backend of this application can be found here: Server Repo

Getting Started (Locally)

  1. Clone both the Client and Server repositories into a single folder. (git checkout to the "Original" branch that is the project before adding config for vercel)

  2. Install all the dependecies for both repos with the following commmand:
    -This step will need to be completed twice, once while in the Client directory and another in the Server directory

    npm i
  3. Import the database dump into mysql using the folder ExampleDB that is in the Servo Repo

  4. Create a .env file in the server folder that stores the following information:
    DB_HOST = //The name of the database host (ex. localhost)
    DB_USER = //The name of the user (ex. root)
    DB_PASSWORD = //The password you used to access your database
    DB_NAME = //The name of the Schema (ex. blog_database)
    DB_PORT = //The port your database is running on
    JWT_KEY = //The key you want to use to sign the JWT
    PORT = //The port you want the express backend to run on (ex. 3000)

  5. Start the backend server with the following command in the server directory:

    npm run start
    or
    npm run devStart (which is for nodemon)
  6. Start the frontend server with the following command in the client directory:

    npm run dev

How it should look

website screenshot