• About the Project
  • Tech Stack
  • Features
  • Color Reference
  • Environment Variables
• Getting Started
  • Prerequisites
  • Run Locally
• Usage
• Roadmap
• License
• Contact
• Acknowledgements

Client

Server

Database

Deployment

To run this project, you will need to add the following environment variables to your .env file

• MONGODB_URI
• BUCKET_NAME
• BUCKET_REGION
• S3_ACCESS_KEY
• S3_SECRET_KEY

This project uses NPM as a package manager

Clone the project

  git clone https://github.com/czhangy/vickydelk.git

Install dependencies

  npm install

Start the application

  npm run dev

• Build out and test nav components

  • Navbar with router links
  • Footer
  • Nav menu for mobile displays

• Build Home Page

  • Profile photo
  • Recent posts section to display the most recent 3 posts

• Build Blog Page

  • Blog post cards to link to individual blog posts
  • Pagination (5 card max per page)
  • Sort
  • Filters (by post categories)

• Build Post API

  • Fetching for list of posts + individual posts
  • Posting to MongoDB
  • Updating existing posts
  • Deleting existing posts

• Build Post Page

  • Form that submits to MongoDB
  • Protected delete button that clears the form
  • Title input
  • Tag system
  • Add button that adds either an image or a paragraph
  • Skeleton system to interweave images and paragraphs
  • Image uploading and display using AWS
  • Protected by auth
  • Element-specific delete buttons
  • Redirect on submit
  • Error on failed submit
  • Persistent on refresh using local storage API
  • Persist old post when editing

• Build About Page

• Build Resume Page

Distributed under the MIT License. See LICENSE.txt for more information.

• Awesome README
• Google Fonts
• Shields.io