{"id":20282585,"url":"https://github.com/halas77/gucha_blog_posts","last_synced_at":"2026-05-29T20:31:29.075Z","repository":{"id":229769545,"uuid":"777578963","full_name":"halas77/gucha_blog_posts","owner":"halas77","description":"Blog post website to showcase full stack web development.","archived":false,"fork":false,"pushed_at":"2024-03-26T18:32:52.000Z","size":3244,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-14T07:49:56.520Z","etag":null,"topics":["mern-stack","web","zod-validation"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/halas77.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-26T05:43:50.000Z","updated_at":"2024-08-21T13:39:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"85c96bc1-4e72-44ea-8bb6-7809eca2e3dc","html_url":"https://github.com/halas77/gucha_blog_posts","commit_stats":null,"previous_names":["halas77/gucha_blog_posts"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halas77%2Fgucha_blog_posts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halas77%2Fgucha_blog_posts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halas77%2Fgucha_blog_posts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halas77%2Fgucha_blog_posts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/halas77","download_url":"https://codeload.github.com/halas77/gucha_blog_posts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241774972,"owners_count":20018422,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["mern-stack","web","zod-validation"],"created_at":"2024-11-14T14:10:26.514Z","updated_at":"2026-05-29T20:31:29.039Z","avatar_url":"https://github.com/halas77.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blog Post Project\n\n## Overview\n\nThis is a full-stack blog post project built using MongoDB, Express.js, React with Vite, and Tailwind CSS. The project allows users to write, edit, read, and delete their own blogs. Users can also search for blogs by keywords in titles and they can also filter their own blogs. The application features an awesome design crafted using Tailwind CSS. Additionally, the project utilizes various libraries and tools such as Multer for image upload, JSON Web Token (JWT) for authentication, Bcrypt for message encryption and decryption, Input validation with Zod and Dotenv for managing environment variables.\n\n![home1](https://github.com/halas77/gucha_blog_posts/assets/138193176/17570c9a-baf8-489b-88b6-e245ac643af4)\n\n\n## Features\n\n- **User Authentication:** Utilizes JSON Web Tokens for user authentication and authorization.\n- **Blog Management:** Users can write, edit, read, and delete their own blogs.\n- **Search and Filter:** Users can search for blogs by keywords in their titles and filter for their own blogs only.\n- **Image Upload:** Integrated Multer for uploading images to the server.\n- **Input Validation:** Integrated input validation with zod.\n- **Secure Data Storage:** Employs Bcrypt for secure message encryption and decryption.\n- **Responsive Design:** Utilizes Tailwind CSS for creating responsive and visually appealing user interfaces.\n- **Environment Variables:** Dotenv is used for managing environment variables, ensuring secure configuration management.\n\n## Tech Stack\n\n- **Frontend:** React (with Vite)\n- **Backend:** Express.js\n- **Database:** MongoDB\n- **CSS Framework:** Tailwind CSS\n\n## Installation\n\n1. Clone the repository: https://github.com/halas77/gucha_blog_posts.git \n2. Install dependencies for both frontend and backend:\n\n```bash\ncd gucha-blog-posts\ncd frontend\nnpm install\ncd ../backend\nnpm install\n```\n\n## Set up environment variables\n\n1. Create a `.env` file in the backend directory.\n2. Define your environment variables in the `.env` file. Example:\n\n    ```bash\n    PORT=5000\n    MONGODB_URL=YOUR_MONGODB_URI\n    SECRET=your_secret_key\n    ```\n\n## Usage\n\n1. Start the backend server:\n\n    ```bash\n    cd backend\n    nodemon app.js\n    ```\n\n2. Start the frontend development server:\n\n    ```bash\n    cd frontend\n    npm run dev\n    ```\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhalas77%2Fgucha_blog_posts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhalas77%2Fgucha_blog_posts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhalas77%2Fgucha_blog_posts/lists"}