Online Blog 📝

Discover how to create your very own online blog complete with a dynamic news feed, user-friendly news editing capabilities, customizable tagging options, and a secure authentication system. Unleash your creativity and build a unique platform for sharing your thoughts and engaging with your audience.

Stack 📚

• React: A JavaScript library for building user interfaces.
• Redux: Predictable state management tool for JavaScript apps.
• Axios: A promise-based HTTP client for the browser and node.js.
• SCSS: Enhanced version of CSS with additional features.
• MUI: React component library following Material Design guidelines.
• Node.js: A JavaScript runtime built on Chrome's V8 JavaScript engine.
• MongoDB: NoSQL database storing data in JSON-like documents.
• Jsonwebtoken: Library for generating and verifying JSON Web Tokens.

Commands and .env Configuration 🔧

• Run npm run dev in /backend to start the server.
• Run npm start in /frontend to start the client server.

Configure your backend/index.js with MongoDb link like mongodb://<your-login>:<your-password>@<data-base-URL>/admin?retryWrites=true&w=majority in field mongoose.connect(). Configure your client/src/axios.js with baseURL(API link).

Some Snapshots 📸

Main Page

News Editing

Login Page

Registration Page