Giter Club home page Giter Club logo

blogpostmanager's Introduction

Blog Post Manager

2024 CCT App Dev Project

Description

This is a blog post manager to help you post, delete, upload and edit your posts on Github Pages using a simple-ish website. This is intended for lazy people like us who want a cool blog but have no time or energy to code one themselves.

Install

  1. Install Python 3 and pip

  2. From the BlogPostManager folder, install Python dependencies

pip3 install -r requirements.txt

Usage

  1. From the BlogPostManager folder, run the following:
flask --app blog-post-manager/app.py run --host=127.0.0.1

If you can't use the standalone flask command, run the following instead:

python3 -m flask --app blog-post-manager/app.py run --host=127.0.0.1
  1. Open the url:port that was opened up by Flask (it's usually 127.0.0.1:5000)

Guide

Home page

  • This page will display all of your blog posts (will be empty at the start).

  • To make a new blog post, type a new name for that blogpost in the textbar, "Post title" and click "Create new blog post"

  • After creating your blog post, click on the post name, which will bring you to the editor.

  • You can access your previous blog posts by clicking the post title.

  • This page also has a button to go to the namecard page, which we will talk about more in detail.

Editor page

  • This is the page where you make your blog post. It will have the default description and content.

  • This page has a markdown editor to allow you to put quotes, italics and much more,
    as well as having the ability to change the fonts and colour of the text in the post.

  • Afterward making your blog, click the 'Save' button at the bottom (so you don't lose your post) and you can return
    to the home page by clicking 'Back to menu'.

Export page

  • If you want to export your posts, click the button 'Export' at the bottom of the home page to go to the export page.
  • In the 'Blog name' textfield, you can name your blog (NOT the blog posts, but the name for the blog which will have your blogs posts)
  • There is also a navigation bar that you can input the title and the link reference (href), which will be present in the html file at the top of the blog you made.
  • If you have finished your blog, you can download it with the 'Export' button on the right side. It will download the HTML file for your whole blog, where you can put it on Github Pages or anywhere you like!

Namecard page

  • This page will request for your name, description (of yourself), country and email! This info abpout yourself will be shown when you exporrt your blog so people can learn more about you.

Credits

This application was made by Daniel Wee, Yuan De, Ingo and Hubert , and ChatGPT, Mistral AI, DeepSeek Coder, and other Ollama models and platforms I am WAY too lazy to name-V2

We would like to thank our seniors in the ACS(I) Coding Competition Team for guiding us in the creation of this application.

blogpostmanager's People

Contributors

dgtv11 avatar warm-milk-foam avatar leeyuande avatar

Watchers

 avatar

blogpostmanager's Issues

add name card to blog

Help @leeyuande ACTUALLY implement the joke namecard (remove js and convert to flask code in the /namecard route, add persistent storage)

Implement basic blog post editor

You also have to make a new branch blog-post and work from there until you are ready to merge with main

The editor should have
BASIC MODE: (minimum, plz tell me if it's the only mode you implemented before merging)

  • MD editor (plz search it up)
  • Basic style controls (sliders, colour wheels, font selection, etc.)
  • Preview

ADVANCED MODE: (optional, plz tell me if you dont do this before merging)

  • html editor
  • css editor
  • js editor (idk if we should do this because web exploitation, cct)

Yea @warm-milk-foam you are in charge of this tks

Implement basic dashboard/homepage ig

We also have to make a new branch dashboard and work from there until you are ready to merge with main

The dashboard thingy should have

  • List and links to blog posts (integrate and coordinate with the editor team)
  • Add/remove blog posts
  • Export to html/css/js

Yea I am in charge of this

Make `experiment` branch?

This is so that we can just experiment with new features without worrying about conventions or messing up the codebase

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.