https://github.com/justhackone/blog-react-node.js
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. React, Redux, Axios, Node.js, MongoDB
https://github.com/justhackone/blog-react-node.js
Last synced: about 1 year ago
JSON representation
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. React, Redux, Axios, Node.js, MongoDB
- Host: GitHub
- URL: https://github.com/justhackone/blog-react-node.js
- Owner: JusthackOne
- Created: 2024-02-13T15:34:45.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-11T06:10:43.000Z (over 2 years ago)
- Last Synced: 2025-01-31T07:31:49.925Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 360 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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://:@/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
