This is a friendly full-stack project to help me learn and practice building modern web applications using Node.js, Express, and Next.js. It features a product catalog, shopping cart functionality, user authentication, and an admin panel for managing products.

The backend follows the MVC (Model-View-Controller) architectural pattern and is built with Node.js, Express, and TypeScript.
The frontend is a modern React application built with Next.js, TypeScript, React Hook Form, and Tailwind CSS.

/project-root
├── /frontend   # Built with Next.js, React, TypeScript, Tailwind CSS, and React Hook Form
└── /backend    # Built with Node.js, Express, TypeScript, and PostgreSQL

• 📦 Product listing with responsive layout
• 🛒 Shopping cart modal and item management
• 👤 User panel with login/register functionality
• 🔐 Admin dashboard with access control
• 🔗 Connects to backend API using Axios
• 💅 Styled using Tailwind CSS for a modern look

• ✅ RESTful API endpoints for products, users, and cart actions
• 🔐 User authentication using sessions and CSRF protection
• 🧑‍💼 Admin-only access to create, update, and delete products
• 📦 PostgreSQL database with Sequelize ORM
• 🗃️ Organized MVC architecture for maintainability
• 🛡️ Input validation and basic error handling

Frontend: Next.js,React ,TypeScript ,Tailwind CSS ,React Hook Form ,Axios Backend: Node.js ,Express ,TypeScript ,Sequelize ,PostgreSQL ,Express-Validator ,Express-Session

https://github.com/paghar/nodejs-nextjs-fullstack-app.git

cd backend
npm install

cd ../frontend
npm install

• Create .env files in both backend/ ....

• Start backend:

cd backend
npm run dev

• Start frontend:

cd frontend
npm run dev

• Learn full-stack development using modern tools
• Understand API integration with the frontend
• Practice building authentication and protected routes
• Explore best practices with TypeScript and folder structure