https://github.com/sanjeetbth7/blog-application
This is a project for blog application named "GetSetExplore". At GetSetExplore, we offer in-depth articles and tutorials on web development, software engineering, and programming language.
https://github.com/sanjeetbth7/blog-application
blog expressjs firebase flowbite-react mongodb nodejs reactjs tailwindcss website
Last synced: 4 months ago
JSON representation
This is a project for blog application named "GetSetExplore". At GetSetExplore, we offer in-depth articles and tutorials on web development, software engineering, and programming language.
- Host: GitHub
- URL: https://github.com/sanjeetbth7/blog-application
- Owner: sanjeetbth7
- License: isc
- Created: 2024-07-23T15:06:18.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-05T13:57:59.000Z (over 1 year ago)
- Last Synced: 2025-08-26T06:38:56.075Z (10 months ago)
- Topics: blog, expressjs, firebase, flowbite-react, mongodb, nodejs, reactjs, tailwindcss, website
- Language: JavaScript
- Homepage: https://getsetexplore.onrender.com/
- Size: 4.3 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# GetSetExplore Blog
## Description
[GetSetExplore Blog](https://getsetexplore.onrender.com/) is a personal project created by Sanjeet Kumar, a passionate developer who loves to share his thoughts and ideas with the world. The blog focuses on web development, software engineering, data structures, algorithms, and programming languages. The motivation behind this project was to build a platform for sharing knowledge and fostering a community of learners who can help each other grow and improve.
This blog aims to solve the problem of finding high-quality, in-depth tutorials and articles in the tech field, especially for those who are just starting out or looking to expand their skills. Through this project, I learned how to integrate various technologies in the MERN Stack, manage user authentication, and create an engaging user interface.
### GetSetExplore Blog Application
- **Technologies**
MERN Stack (MongoDB, Express.js, React, Node.js), Tailwind CSS, Redux
- **Project Overview**
Architected and developed a robust, full-stack blog platform enabling user engagement through viewing, liking, and commenting on posts, with secure login and registration functionalities.
- **Admin Dashboard**
Engineered a comprehensive admin interface for efficient blog management, including the creation, editing, and deletion of posts. Integrated real-time analytics to monitor user activity, post statistics, and overall content management.
- **Responsive Design & UX**
Delivered a seamless user experience with a fully responsive design, supporting both dark mode and light mode, optimized for various devices and screen sizes.
- **State Management & Performance**
Utilized Redux for efficient state management, ensuring smooth performance and scalability across the application.
- **Security & Authentication**
Implemented secure user authentication mechanisms, safeguarding user data and maintaining session integrity.
## Table of Contents
- [GetSetExplore Blog](#getsetexplore-blog)
- [Description](#description)
- [GetSetExplore Blog Application](#getsetexplore-blog-application)
- [Table of Contents](#table-of-contents)
- [Installation](#installation)
- [Frontend Setup](#frontend-setup)
- [Backend Setup](#backend-setup)
- [Usage](#usage)
- [Example](#example)
- [Credits](#credits)
- [License](#license)
- [Features](#features)
- [How to Contribute](#how-to-contribute)
## Installation
To run the GetSetExplore Blog on your local machine, follow these steps:
### Frontend Setup
1. Clone the repository:
```bash
git clone https://github.com/sanjeetbth7/getsetexplore-blog.git
cd getsetexplore-blog/client
```
2. Install the dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
### Backend Setup
1. Install the dependencies:
```bash
npm install
```
2. Create a `.env` file in the backend directory and add your environment variables:
```
MONGO_URI=
JWT_SECRET=
```
3. Start the backend server:
```bash
npm start
```
## Usage
Once the frontend and backend servers are running, you can access the blog at [https://getsetexplore.onrender.com/](https://getsetexplore.onrender.com/). Here, you'll find weekly articles and tutorials on various tech topics.
Users can:
- Browse articles on web development, software engineering, and programming languages.
- Like, comment on, and reply to blog posts.
- Engage with other readers to build a community of learners.
### Example
Here’s how to interact with the blog:
1. **View Blog Posts**: Navigate through various categories or search for specific topics.
2. **Comment on a Post**: Share your thoughts or ask questions in the comment section.
3. **Like Comments**: Support insightful comments by giving them a like.
4. **Reply to Comments**: Engage in discussions by replying to other users' comments.
## Credits
This project was created by [Sanjeet Kumar](https://github.com/your-github-profile). Special thanks to the open-source community and the creators of the tools and libraries used in this project:
- [React](https://reactjs.org/)
- [Redux Toolkit](https://redux-toolkit.js.org/)
- [Express](https://expressjs.com/)
- [MongoDB](https://www.mongodb.com/)
- [Firebase](https://firebase.google.com/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Vite](https://vitejs.dev/)
If you followed tutorials, include links to those here as well.
## License
This project is licensed under the ISC License.
## Features
- User authentication using JWT.
- CRUD operations for blog posts.
- Commenting system with likes and replies.
- Responsive design using Tailwind CSS.
- State management using Redux Toolkit.
- Firebase integration for additional services.
- Real-time updates and previews using Vite.
## How to Contribute
Contributions are welcome! If you'd like to contribute to GetSetExplore Blog, please fork the repository, create a new branch, and submit a pull request. For major changes, please open an issue first to discuss what you would like to change.
---