Giter Club home page Giter Club logo

tech-blog-2.0's Introduction

tech-blog-2.0 ๐Ÿ“

License: MIT

Description ๐Ÿ“„

A comprehensive full-stack application designed to serve as a tech-oriented blog platform. This application adheres to the Model-View-Controller (MVC) architectural pattern, employing a separation of concerns approach to enhance code organization and maintainability.

Key Features of the Application:

User Authentication: Users can register and log in securely. Authentication is a crucial feature, ensuring that user data is protected and only accessible to authorized individuals.

Blog Post Creation: Authenticated users have the capability to create and publish blog posts. They can input titles and body content, allowing for the easy sharing of tech-related insights and knowledge.

Comment Functionality: Users can interact with blog posts by adding comments. This feature promotes engagement and discussions within the tech community.

Edit and Delete Posts: Authors have full control over their own blog posts. They can edit and update existing posts or choose to delete them if needed.

The application aims to create an interactive and user-friendly environment for tech enthusiasts to share their thoughts, ideas, and expertise. By implementing industry-standard technologies such as Handlebars for templating and Sequelize for database management, the application ensures robustness and scalability.

Overall, this full-stack tech blog application provides a comprehensive platform for users to engage with technology topics, collaborate with peers, and contribute to a vibrant online tech community. Its use of MVC, Handlebars, and Sequelize demonstrates a commitment to best practices in web development and database management.

Table of Contents

Installation ๐Ÿ› ๏ธ

To install the necessary dependencies, run the following command:

npm i
npm install [email protected]
npm install [email protected]
npm install [email protected]
npm install [email protected]
npm install [email protected]
npm install [email protected]
npm install [email protected]
npm install [email protected]
npm install [email protected]

Install DevDependency for developing purposes:

npm install [email protected]
npm install [email protected]
npm install [email protected]
npm install [email protected]

Usage ๐Ÿ“˜

  • Access the web application by clicking on the link.
  • Create an account by clicking the signup option from the top right. The homepage shows users all blog posts. Users can click on a blog post to read it, as well as read/write comments.
  • Dashboard shows users' posts created using their account. Users can create new posts from the bottom of the page, or edit/delete the existing posts.

Following is a video demonstrating how to run the application. ๐ŸŽฅ

Video Demo

Contribution ๐Ÿค

Create user profiles where users can add profile pictures, update their personal information, and showcase their posts and comments. This adds a personal touch to the blog and encourages users to engage more.

Allow users to categorize their blog posts with tags or categories. This makes it easier for readers to find content on specific topics of interest.

Implement email notifications for user interactions, such as when someone comments on their post or replies to their comment. Notifications keep users engaged and informed.

Implement pagination or infinite scroll for long lists of posts and comments. This optimizes page loading times and user experience.

Tests ๐Ÿงช

To run tests, users can the application by using the application as intended.

License ๐Ÿ“œ

This project is licensed under The MIT License. Here is the link to the license to access more information for your reference: https://opensource.org/licenses/MIT

Credits ๐Ÿ™

I utilized the study material provided by the institution as a reference to complete my application.

Following are the documents I used to help me write code:

Questions โ“

If you have further questions, you are welcome to reach me through my email at [email protected].

You can view my projects by going through my GitHub profile at https://github.com/hazkeel27.

Deployed Application ๐Ÿš€

https://tech-blog-by-hazkeel-afa319c93183.herokuapp.com/

tech-blog-2.0's People

Contributors

hazkeel27 avatar

Stargazers

 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.