A full-stack article sharing platform where users can write, edit, and explore articles in a modern, responsive web app. Built with the MERN stack and enhanced by Firebase authentication, secure JWT protection, and smooth user experience via React and Framer Motion.
π Live Site: https://assignment-11-49577.web.app
- Frontend: React.js, Tailwind CSS, DaisyUI, Framer Motion
- Backend: Node.js, Express.js
- Database: MongoDB (Mongoose)
- Authentication: Firebase Auth + JWT
- API Communication: Axios
- Data Fetching: TanStack Query (React Query)
- βοΈ Users can post, edit, and delete their own articles
- π Firebase Authentication for secure login/register
- π Browse and read articles shared by others
- π JWT-protected backend routes for user security
- π¦ MongoDB stores article and user data efficiently
- βοΈ Framer Motion animations for engaging UX
- β‘ Optimized data fetching with TanStack Query
- π± Fully responsive for desktop and mobile
Frontend:
- react
- react-router-dom
- axios
- @tanstack/react-query
- framer-motion
- firebase
- tailwindcss
- daisyui
Backend:
- express
- cors
- dotenv
- jsonwebtoken
- mongoose