Color | Hex |
---|---|
Main Color | #6699CC |
Accent Color | #FFB6B7 |
Text Color | #000000 |
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.