Coder Social home page Coder Social logo

blog-app's Introduction

Blog Application This is a React-based blog application that allows users to create, read, update, and delete blog posts. It also includes features like user authentication, tracking the number of views and likes on each post, and sorting/filtering blog posts based on various criteria.

Technologies Used React Redux TypeScript Tailwind CSS Features Authentication Users can log in to the application using their email address, full name, and password. This ensures that only authorized users are able to create, edit, and delete blog posts.

Dashboard Page The dashboard page displays a list of all blog posts, sorted by date created by default. Users can filter the list by most viewed or most liked posts if they prefer. The dashboard page also includes links to create a new blog post or view the user's own posts.

Create Blog Page The create blog page allows users to create a new blog post. They can provide a title, body text, an image URL, and other details like watches and likes (which are initially set to 0).

Update Page The update page enables users to edit the contents of an existing blog post. They can modify the title, body text, image URL, and other properties.

Blog Detail Page The blog detail page displays all the contents of a specific blog post, including the title, body text, image, watches, and likes. If the user viewing the page is not the creator of the post, the number of watches will increase with each visit.

Likes When a user clicks the like button on a blog post, the number of likes will increase by one. However, a user must refresh the page to see the updated count.

Sort/Filter Feature Users can sort the blog posts on the dashboard page by recent, most viewed, or most liked. Users can also filter the posts by specific keywords.

User Page The user page displays all the blog posts created by a specific user.

blog-app's People

Stargazers

 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.