TechBlog

TechBlog is a modern, sleek tech-focused website designed to keep users updated on the latest trends, news, and insights in the world of technology. Built with Flask, HTML, CSS, and JavaScript, this site provides a seamless user experience with features like a featured articles section and a responsive layout.

Live Demo

Check out the live site here: TechBlog on Render

Table of Contents

• Features
• Installation
• Tech Stack
• Contributing
• Code of Conduct
• Issues
• License
• Acknowledgments

Features

• Responsive Design: Optimized for all screen sizes, including desktops, tablets, and smartphones.
• Homepage with Featured Articles: Displays popular articles in a modern grid layout.
• About Page with Timeline Animation: Our journey presented with smooth scroll animations.
• Contact Page: Allows users to reach out via a modern form.
• Category Filters: Browse articles by category on the blog page.
• Sleek Navigation: Sticky header with a navigation bar that collapses into a mobile-friendly menu.

Installation

Prerequisites

To run this project, ensure you have the following installed:

• Python 3.x
• Flask
• Virtual environment (optional but recommended)

Clone the Repository

git clone https://github.com/mayen007/TechBlog.git
cd TechBlog

Set Up Virtual Environment (Optional)

python -m venv venv
source venv/bin/activate  # On Windows use `venv\Scripts\activate`

Install Dependencies

pip install -r requirements.txt

Run the Application

flask run

The application will be available at http://127.0.0.1:5000/.

Tech Stack

• Flask - Backend framework.
• HTML5 - For structuring content.
• CSS3 - Styled with modern CSS techniques.
• JavaScript (ES6+) - Interactive features.
• FontAwesome - Icons used throughout the site.

Contributing

We welcome contributions to improve TechBlog! To contribute:

1. Fork the repository.

2. Create a new branch for your feature:

   git checkout -b feature-name

3. Make your changes and commit:

   git commit -m "Add new feature"

4. Push to your branch:

   git push origin feature-name

5. Open a pull request describing your changes.

Contribution Guidelines

• Ensure your code follows best practices and is well-documented.
• Keep pull requests small and focused on one feature/fix at a time.
• Check for open issues before starting new features.
• Be respectful and constructive in discussions.

Code of Conduct

By contributing to TechBlog, you agree to follow our Code of Conduct to foster an open and welcoming environment.

Issues

If you find a bug or have a feature request, please check the issues tab or create a new issue with a clear description.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

• Special thanks to the open-source community for providing inspiration and code snippets.
• Icons provided by FontAwesome.
• High-quality images sourced from Freepik and Unsplash.