pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite

(W.I.P) * 🛠 Fullstack Blogsite built using React/Nextjs as a frontend , express js (backend framework) and MongoDB as a database.Also, implemented various features like form validation ,user authentication(signup and login functionalities) ,separate user profiles, reset password, forgot password and much more.

Fullstack-MERN-Blogsite

Fullstack Blogsite built using React as a frontend , express js (backend framework) and MongoDB as a database.Also, implemented various features like form validation ,user authentication(signup and login functionalities) ,separate user profiles, reset password, forgot password and much more.

Current Progress

---

Step By Step Build: Entire commit History

Starter (server setup & client Setup)

Commit History	Source File
Fullstack Mern blogsite	Source File

Commit History	Source File
salt hashed and shortid added	Source File
Merge branch into main	Source File
shortid implemented	Source File
authenticated login and implemented jwt token	Source File
nextjs installation	Source File
bootstrapcdn reactstrap nextconfig and _document.js updated	Source File
importing react	Source File
Merge branch 'main' into main	Source File
login and register page added and navbar updated with respective links	Source File
login and register page added and navbar updated with respective links	Source File
login and register page added and navbar updated with respective links	Source File
signup form created	Source File
register actions and register alert notification added	Source File
login actions and login alert notification added	Source File
storing user information and token keys inside cookie and localStorage	Source File
commit history updated	Source File
clearing token and localstorage after logging out & conditionally hiding and showing signout button after authentication	Source File
redirecting isAuthenticated user back to home page if they try to access login and register page	Source File
readme commit history updated	Source File
Adding authentication as well as admin middlewares	Source File
Adding authentication as well as admin middlewares	Source File
creating seperate dashboard for user and admin	Source File
segregate and protect routes for both user and admin	Source File
Adding dashboard link for both admin and user in navigation header	Source File
creating categorySchema model and category controller in the backend	Source File
Handling errors and avoiding duplicate category	Source File
creating,listing,reading and deleting category	Source File
creating tagSchema model and tag controller and handling errors and avoiding duplicate tag in the backend	Source File
Implementing a slim progress bar at the top of the header using nprogress npm package	Source File
styling nprogress and adding some material icons	Source File
created new category-tag page for updating category as well as tags	source File
creating categories from the client side	Source File
creating removing categories from the client side	Source File
creating,removing tags from the client side	Source File
created a blog schema model on server	Source File
updating blog routes	Source File
created the entire blog controller	Source file
creating a meta description by stripping html tags from body by using cli-strip-html package	Source File
Integrating categories and tags inside blog	Source File
Blog component created	Source File
created blog actions	Source File
created blog form and embeded with react-quill a rich text editor	Source File
Adding react-quill modules and event handlers and also implenting localStorage	Source File
displaying categories and tag list in the blog form	Source File
toggle categories	Source File
updated blog validation and implemented blog publishing functionality	Source File
displaying error message and success message	Source File
created boglists route to list all the blogs in the backend	Source File
listing all categories ,blogs and tags	Source File
list , read and remove blog functionality added in the backend	Source File
created controller for updating the blog in the backend	Source File
created controller to show blog photo	Source File
blog route added on the header and seperate blog page is created	Source File
Server side rendering blogs pages by using nextjs inbuilt lifecycle method called getInitialProps	Source File
display all categories and taglists on the blog page	Source File
Showing image on the individual blog post	Source File
Lisiting and displaying all the categories and taglists inside blog page	Source File
Adding head section for the blogs	Source File
load more option added	Source File
displaying single specific blogs	Source File
styling single page blog	Source File
created head section for single blog for better search engine optimization	Source File
showing realted blogs by creating blogListRelated routes and controller	Source File
created related blog on the client side	Source File
list of blogs for admin	Source File
deleting blogs from the client side	Source File
update blog page setup	Source File
Merge branch 'main' of https://github.com/pramit-marattha/Fullstack-MERN-Blogsite into main	Source File
home page created/updated	Source File