webdevjourney - Blog App

View Demo

Steps To Run App

1. Install npm packages both in root folder and client folder separately

   npm install

2. Run the code

   npm run dev

Screenshots

Login with Google to Create-Articles

Home Page

Articles Sorted on Basis of Various Tags

Create-Articles with Live-Preview

Complete Task List

• UI Design for App
• Google OAuth
• Mongo Schema
• Markdown Support for each blog
• MongoDB connection
• Admin User Login
• BEM Compliant Classnames
• Middleware - RequireLogin
• Create Article button when LoggedIn
• Basic Redux Form to post to backend with data
• Preview with React-Markdown
• Live Preview Markdown
• Fetch Posts using Tags - Make Action Creator
• Fetching Posts UI Improvements
• Particular Post Route

Improvements Needed

• Pagination
• Infinite Scroll till data is available
• Search Bar Enabled
• UX/UI Improvements

Possible Updates

• Imgur Api connection
• Integration of Upload Button to connect with imgur and get URL
• Imgur Upload Image and fetch url
• More Modular Components