A personal web application to make it easy to view my work and get in touch. This Next.JS application is built and maintained for personal use and deployed to Vercel.
- Next.js (requires Node.js and React.js) => Rendering content
- Remark => Parse markdown
- React Markdown => Render markdown
- TailwindCSS => Styling
- Tailwind Forms Plugin => Styling
- Add technologies and skills to Programming page
- Add images to Programming component
- Add GitHub links where appropriate to Programming components
- Use file path of blog content instead of slug when parsing markdown.
- Research best way to send emails from node/nextjs server via AWS; Call from Contact button
- Create build script via package.json to build css
- Deploy via AWS free tier or Vercel
- Add filter/sort box for "/posts" page using "useState".
- Create cards for About Me interests: {Personal: {Outdoors: [Bushcraft, Hiking, Fishing, Camping], Marital Arts: [BJJ, Wrestling, Muay Thai], Fitness}, Professional: {Software Engineering: [...], Business Development: [...], Healthcare: [...]}}
- Create font family theme using Tailwind
- Setup datepicker on posts page via Flowbite NPM Package
- Randomize riddle order by apply a random sorting algo to riddle array.
- Create screen grab gifs of popular github repos for portfolio section
- Update 'getServerSideProps' so cached content is used unless there is an update (then revalidate). // Don't want to ping the server for every page visit.
- Embed iframe of calendar in modal popup
- Content: Create programming pages using boxes to visually showcase work; Keep everything on one page for now (frontend vs backend)
- Refactor: Utility functions
- Fix: Missing argument in 'getMdContent()' function
- Add dynamic routing to post content pages.
- Refactor markdown conversion functions for content.
- Header styling fixes and completion.
- Update page content.
- Replicate markdown parsing and readfile for blog content.
- Add standard h1,h2,h3... styles to tailwind config
- Create submenus for header nav
- Refactor: Make modal multipurpose
- Feature: Contact form page by combining email, meet, pay, and social media
- Feature: Render links over buttons as anchor tags
- Feature: Display feature images over blog post box preview
- Refactor: Abstract out "classNames()" for use in multiple pages
- Refactor: Pass posts feature text length as prop to postBox (post preview box)
- Refactor: Change relative import paths to absolute paths for components
- Remove placeholder logo and move profile pic to left and change dropdown(s)
- Fix styling for mobile nav
- Simplify DOM for header
- Dynamically parse markdown riddles from 'content/'
- Parse frontmatter into object and pass as prop to 'Riddle' component
- Upload riddles as data
- Change 'render' of markdown to 'parse' and then 'render' in the page's return content.
- Research how to convert markdown to json/html so riddles (and blog posts) can be converted easily // 07/04/2022 - MarkdownIT library makes the most sense.
- Digest markdown files from 'riddles' directory and convert to html on 'riddles' page.
- Created Riddles page
- Add animation to Riddle page show/hide answer text // Used headless UI
- Remove unncessary features for now: [bell icon, footer boxes]
- Add social profile icons to header (LinkedIn, Twitter, GitHub)
- Create button to schedule meeting via Cal.com
- Rebuild using tailwindcss
- Remove SASS/SCSS