Giter Site home page Giter Site logo

shabh2412 / blog-app-fe Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.76 MB

A blog app, where users can read blogs and post their own blogs. It is an open source project which implements all the crud operations on the mongodb.

Home Page: https://blog-it-up.vercel.app/

HTML 1.33% CSS 0.71% TypeScript 97.96%
chakra-ui express mongodb mongoose nodejs reactjs typescript

blog-app-fe's Introduction

console.log("A web developer by profession, an animal lover by heart ❤️, and fitness enthusiast by interest!");

Hi There! I'm Rishabh 👋

💛 In love with JavaScript

🎨 Love writing CSS

👨🏼‍💻 Currently working with Next.JS, Redux, Chakra UI & TypeScript

🌱 Learning TypeScript, Next.JS, Tailwind CSS & Material UI

💬 Always ready to discuss stuff about web! 🕸

Connect with me on LinkedIn: rishabh-panesar


followers count stars count
Total time coded since Jan 22 2022

My GitHub Stats

GitHub stats

My Skills

My Skills

Some More Data... 😁

GitHub stats most used programming languages

Some of my cool repositories

Here's a random developer joke for you XD.

Jokes Card

Refresh the page for a new joke

Connect with me 🙋🏻

blog-app-fe's People

Contributors

shabh2412 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

blog-app-fe's Issues

User Profile Page

  • use input fields wherever possible.
  • user should have an option of updating their data in the end.

Implement OAuth

  • User should be able to sign in via a 3rd party app like GitHub.
  • Retrieve the user details from the 3rd party app, after the user has signed in successfully.

Add Update option for blogs

  • This feature should be accessible only to the author of the blog.
  • Once the blog is updated, show the updated blog data on the blog page.

Add delete option for blogs

  • The delete option should only be visible to the author of the blog.
  • Before performing the delete operation, prompt the user for confirmation.
  • Once the blog is deleted, notify the user, and redirect the user to home page.

Create a commenting engine

  • Add a commenting service like github comments with websockets
  • Integrate it with the blogging platform
  • user should be able to write comment on any blog
  • Whenever there's a comment it gets reflected on others browser without refreshing the page
  • Same happens if user deletes the comment. user is also allowed to update the comment
  • Every comment will only have 1 level reply to it.

Implement Sign Up Verification

  • Send OTP to users via email after they've signed up on blog it up.
  • Create a Schema for storing OTP.
  • Try to use hash of the otp.

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.