Giter Club home page Giter Club logo

bloglitev2's Introduction

BlogLite

Local Setup

  • Run pip install -r requirements.txt to install all dependencies written in requirements.txt .

Local Development Run

  • python3 app.py in backened It will start the flask app in development. This is for running app on local system.
  • npm run serve in frontend for serving the app from frontend on Vue.
  • ~/go/bin/MailHog for starting mailhog on local server.
  • celery -A app.celery worker -l info in backened to start the celery workers.
  • celery -A app.celery beat --max-interval 1 -l info in backened to start the celery beat and scheduler.
  • redis-cli to start the redis server in terminal.

Folder Structure of /

  • backened and frontend folders, which will be described next.
  • Project Documentation having a brief description about app
  • Have an yaml file as api documentation.
  • Project Documentation having a brief description about app
  • A readme file and requirements file

Folder Structure of backend

  • project.sqlite3 is the sqlite database. It can be anywhere on the machine, just the adjustment in the path in app.py is required. One of the database is shipped for testing.
  • The application code for my app is /
  • templates is the default folder where templates are stored which is used for sending mails.
  • It also have api.py, cache.py, cachingdata.py,clery.py, emailgenr.py, models.py and tasks.py folders, which cointains all apis, caching initialization, caching, celery initialization, email generation, backend tasks like reminders export etc. respectively.
  • static a folder in which we have csv files of exported data.

Folder Structure of frontend

  • node_modules required for running VueJS CLI
  • public having public components
  • assets having public necessary images and two other folders blogs and profile both having user uploaded blog image and uploaded profile image respectively.
  • src is the default folder where frontend components and routers are located.
  • components which has vue components for frontend, router which contains index.js for defining different routes, App.vue the page on which app is being served, index.js for app start and store to create the store for vue.
  • A readme file and other required configurations.
mad2-project
├── backend
|   ├── app.py
|   ├── api.py
|   ├── cache.py
|   ├── cachingdata.py
|   ├── clery.py
|   ├── database.sqlite3
|   ├── emailgenr.py
|   ├── models.py
|   ├── tasks.py
|   ├── templates
|   |       ├── blogs_csv.html
|   |       ├── daily_reminder.html
|   |       └── monthly_report.html
|   └── Static
|
├── frontend/
│   ├── public
|   ├──src
|   |    ├── assets
|   |    |      ├── Blogs
|   |    |      └── Profile
|   |    ├── components
|   |    |      ├── CommentBlog.vue
|   |    |      ├── EditBlog.vue
|   |    |      ├── EditProfile.vue
|   |    |      ├── LoginSignup.vue
|   |    |      ├── MyFollowers.vue
|   |    |      ├── MyFollowing.vue
|   |    |      ├── NavBar.vue
|   |    |      ├── PostBlog.vue
|   |    |      ├── PostEngage.vue
|   |    |      ├── ReadBlog.vue
|   |    |      ├── SPage.vue
|   |    |      ├── StartPage.vue
|   |    |      └── UserProfile.vue
|   |    ├── router/index.js
|   |    ├── store/inex.js
|   |    ├── App.vue
|   |    └── main.js
|   ├── .gitignore
|   ├── babel.config.js
|   ├── jsconfig.json
|   ├── package-lock.json
|   ├── package.json
|   ├── README.md
|   └── vue.config.js
├── Bloglite.yaml
├── requirements.txt
├── Project_Report_ BLOG-LITEV2.pdf
└── readme.md

bloglitev2's People

Contributors

pacificrm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

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.