🚀 Product Board - Project Management Platform.

Live: https://productboard-application.vercel.app/
Backend: https://github.com/vishwajeetraj11/productboard-backend
Fronend: https://github.com/vishwajeetraj11/productboard

Deployment:

Frontend: Vercel

Backend: Heroku

💻 Screens

Landing Page Tasks Page
Product Board Landing Page Product Board Tasks Page
History Page Task Detail
Product Board Task Detail Page Product Board Task Detail Page
Boards All Projects
Product Board Boards Screen Product Board All Projects Screen
Edit Project / Edit Profile Add Members
Product Board Edit Screen ADD Members Screen

Manage Members Manage Members Screen

Setting up Auth0

  1. Login/Signup to Auth0
  2. Create Application: Single Page Web Applications
  3. Inside The Application configure these urls
    Allowed Callback URLs http://localhost:<YOUR_FRONTEND_PORT>/
    Allowed Logout URLs http://localhost:<YOUR_FRONTEND_PORT>/
    Allowed Web Origins http://localhost:<YOUR_FRONTEND_PORT>/
  4. Setup Custom Database: https://www.youtube.com/watch?v=TXnDFU4sG0A&t=306s

Getting Started:

  • Clone both frontend and backend
  • Make an account if you don't already have one on Auth0 and get required credentials. (check .env.example)
  • Get your mongodb db uri
  • Install Dependencies
  • Make sure you setup auth0 before this.
  • That's it you are done. npm start or yarn start

Support

Buy Me A Coffee

Vishwajeet Raj – vishwajeet.netlify.app

Share this project:

Updates