Loading repository data…
Loading repository data…
Pasandul-pro / repository
A full-stack Product Store application built with React and Node.js, featuring user authentication, product management, and comment functionality. The project uses Clerk for authentication and is deployed with a React frontend on Vercel and a Node.js backend on Render. It demonstrates REST API development, state management, and modern full-stack de
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Welcome to the Product Store Application! A modern, full-stack web application designed to provide a seamless browsing and shopping experience. Built with performance, security, and aesthetics at the forefront.
🚀 Live Demo: product-store-application.vercel.app
Follow these core instructions to get a copy of the project up and running on your local machine for development and testing.
Make sure you have installed on your machine:
Open a terminal and navigate to the backend directory:
cd backend
npm install
Create a .env file in the backend directory and add your environment variables:
# Example .env for Backend
DATABASE_URL=postgresql://user:password@localhost:5432/product-store
CLERK_SECRET_KEY=your_clerk_secret_key
PORT=5000
Initialize the database schema:
npm run db:push
Start the backend development server:
npm run dev
# The server will run on http://localhost:5000
In a new terminal, navigate to the frontend directory:
cd frontend
npm install
Create a .env file in the frontend directory:
# Example .env for Frontend
VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
VITE_API_BASE_URL=http://localhost:5000
Start the frontend Vite development server:
npm run dev
# The app will be available at http://localhost:5173
/frontend)npm run dev: Starts the local dev server.npm run build: Bundles the application into static files for production.npm run lint: Analyzes the code for errors with ESLint.npm run preview: Locally previews the production build./backend)npm run dev: Starts the server with nodemon for auto-restart on changes.npm run build: Compiles the TypeScript codebase to JS.npm run db:push: Automatically pushes your schema changes to the connected Postgres DB via Drizzle Kit.npm start: Runs the compiled TypeScript index file directly.Developed with clean code and modern web technologies. ✨