/binks

💥 Dhamakedar App

Primary LanguageJavaScript

Binks

git clone https://github.com/SK02K1/binks.git
cd binks
npm i
npm run dev

Backend

https://replit.com/@sk02k1/binks-backend

Tech Stack

  • React
  • Redux toolkit
  • Tailwind CSS
  • NodeJS
  • Express
  • MongoDB
  • Mongoose
  • JWT and BcryptJS

Features

  • Login Page

    • login only for registered users
    • login form with test credentials
    • redirect to posts page after login
    • error message for incorrect credentials
    • disabled submit button for empty fields
    • prevent /login page to open once user is authenticated
    • responsive
  • Register Page

    • register new user
    • error handling for already registered user
    • prevent /register page to open once user is authenticated
    • responsive
  • Posts Page

    • private route
    • show loader when the API is in progress
    • create new post / CREATE
    • fetch all posts / READ
    • update post content / UPDATE
    • delete post / DELETE
    • add comments to the posts
    • like/unlike posts
    • responsive
  • Profile Page

    • private route
    • update user details i.e. firstname | lastname | bio
    • show loader when the API is in progress
    • manage posts
    • keep me logged in
    • responsive

Test credentials

Preview

Screenshot 2023-04-07 at 11 06 05 PM

Screenshot 2023-04-07 at 11 06 39 PM

Screenshot 2023-04-07 at 11 06 52 PM

Screenshot 2023-04-07 at 11 07 14 PM

Screenshot 2023-04-07 at 11 07 23 PM