Skip to content

mohit-s96/blog

Repository files navigation

Personal blog 💻

🔗 Visit here

Hi I built this personal blog from scratch. I am not using any pre-existing blog service because I wanted to work on a fun project. The nodejs part can be found here.

Tech Stack

  • NextJS - React server and backend

  • NodeJS - Comment, search and auth service

  • Redis - Caching layer

  • AWS - NodeJS deployments

  • MongoDB - Database/CMS

  • Custom admin panel with react

  • Tailwind CSS

  • Storybook

  • Figma for design

Roadmap and Target checklist

  • Setup nextjs and typescript project
  • Create mongo db connection
  • Define schema types in typescript
  • Create endpoints for reading and changing blog data
  • Create some mock data for testing
  • Setup and configure storybook
  • Create landing page components in storybook
  • Unit test storybook components for landing page
  • Make first design responsive
  • Fetch live data and test
  • Create blog page design storybook
  • Make blog page design responsive
  • Fetch live data and test
  • Error handling and 404 pages
  • Create admin panel for adding blog data [Seperate project with CRA]
  • Add comment components storybook and unit test.
  • Create oauth login with github
  • Test authentication
  • Fetch live data and test authentication
  • Post comment and test
  • Trigger a rebuild on new comment posted
  • Design data structure to hold hierarchically related comments
  • Add admin control to remove comments
  • Option to delete comment
  • option to reply to comments