Stack Spot is a full stack blog application that includes user system functionalities such as follow/unfollow, like post, bookmark post, and dark theme. It is built using React, Node.js, MongoDB, and Cloudinary. The application also incorporates real-time analytics and an auto-login feature.
-
User System:
- Follow/unfollow functionality
- Like post functionality
- Bookmark post functionality
- Dark theme support
-
Technologies Used:
- React
- Redux Toolkit
- RTK Query
- Node.js
- MongoDB
- Cloudinary
- Tailwind CSS
- LocalStorage
-
State Management: Utilized Redux Toolkit for state management, ensuring a predictable and efficient state handling mechanism. LocalStorage is employed for auto-login and persistent behavior.
-
Data Fetching: Implemented RTK Query for efficient data fetching. Mutations are used for managing Redux state and actions.
-
Styling: Achieved perfect styling using Tailwind CSS, enabling rapid development and consistent design.
-
User-Based System: Integrated MongoDB and Redux Toolkit to facilitate user-based interactions such as follow/unfollow. Cloudinary is utilized for photo uploading in posts and profiles.
To get started with Stack Spot, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/stack-spot.git
-
Install the dependencies:
cd stack-spot npm install -
Configure the environment variables:
- Create a
.envfile in the root directory - Add the necessary environment variables (e.g., MongoDB connection string, Cloudinary credentials)
- Create a
-
Start the development server:
npm start
Contributions are welcome! If you find any issues or have suggestions for improvement, please open an issue or submit a pull request.
This project is licensed under the MIT License.
👤 Vansh Chavda
- Email : [email protected]
- Twitter : @vansh_chavda_
- LinkedIn : Vansh Chavda
Keep Coding! 🚀