This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Tools [branch: main]:
- Backend database built using PostgreSQL in Neon (https://neon.tech/)
- Authentication (register/login/logout) using JSON Web Token (JWT) stored in local storage
- Frontend UI styled with Bootstrap, React Bootstrap & Bootstrap Icons
- Frontend base coding refactored with React Redux toolkit (async thunk functions)
- Bonus addition: AI chatbot built using OpenAI API
Tools [branch: firebase-v1]:
- Authentication function replaced with Firebase Authentication, including login using Google account
- Backend database replaced with Firestore Database (NoSQL)
- Includes: Firebase Storage to store uploaded images
Live demo hosted on Vercel: https://twitter-clone-lac-sigma.vercel.app/
** Minor issue (unsolved): unable to redirect to login page after logging out; need to manually change the website address to default (remove "/profile" from the end)
Working buttons in sidebar: Chatbot, Logout, Tweet
- Clicking on Chatbot / Tweet button will open a Modal window.
- Please be patient as AI Chatbot takes a few seconds to respond to user input, depending on complexity.
Working buttons in each post: heart (like/unlike function), pencil (edit function), trash-bin (delete function)
- Clicking on trash-bin button will open a Modal window to confirm Delete action.