https://github.com/mayen007/techblog
TechBlog: A modern tech-focused website built with HTML, CSS, JavaScript, Flask. Stay updated on the latest trends, news, and insights in technology with features like a responsive layout and a featured articles section.
https://github.com/mayen007/techblog
backend css flask flask-sqlalchemy flask-web flexbox grid-layout javascript portfolio trends web-design-and-development web-development
Last synced: 6 months ago
JSON representation
TechBlog: A modern tech-focused website built with HTML, CSS, JavaScript, Flask. Stay updated on the latest trends, news, and insights in technology with features like a responsive layout and a featured articles section.
- Host: GitHub
- URL: https://github.com/mayen007/techblog
- Owner: Mayen007
- License: mit
- Created: 2024-10-25T04:54:01.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-02-08T16:12:50.000Z (8 months ago)
- Last Synced: 2025-02-08T17:23:31.121Z (8 months ago)
- Topics: backend, css, flask, flask-sqlalchemy, flask-web, flexbox, grid-layout, javascript, portfolio, trends, web-design-and-development, web-development
- Language: Python
- Homepage: https://tech-blog-t04y.onrender.com/
- Size: 84.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# 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](https://tech-blog-t04y.onrender.com/post/4)
## Table of Contents
- [Features](#features)
- [Installation](#installation)
- [Tech Stack](#tech-stack)
- [Contributing](#contributing)
- [Code of Conduct](#code-of-conduct)
- [Issues](#issues)
- [License](#license)
- [Acknowledgments](#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
```bash
git clone https://github.com/mayen007/TechBlog.git
cd TechBlog
```
### Set Up Virtual Environment (Optional)
```bash
python -m venv venv
source venv/bin/activate # On Windows use `venv\Scripts\activate`
```
### Install Dependencies
```bash
pip install -r requirements.txt
```
### Run the Application
```bash
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:
```bash
git checkout -b feature-name
```
3. Make your changes and commit:
```bash
git commit -m "Add new feature"
```
4. Push to your branch:
```bash
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](CODE_OF_CONDUCT.md) to foster an open and welcoming environment.
## Issues
If you find a bug or have a feature request, please check the [issues](https://github.com/mayen007/TechBlog/issues) tab or create a new issue with a clear description.
## License
This project is licensed under the MIT License. See the [LICENSE](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](https://www.freepik.com) and [Unsplash](https://unsplash.com).