This project is an e-commerce website that allows users to sign up, log in, and mark categories they are interested in. It features a paginated list of categories and uses Next.js with tRPC for type-safe API calls.
- User Authentication:
- Sign up with email and password
- Login with email and password
- Logout functionality
- Persistent login sessions using JWT
- Email Verification:
- OTP (One-Time Password) sent to user's email
- Ability to resend OTP
- Account activation upon successful verification
- Protected Routes:
- Secure pages accessible only to authenticated users
- Category Interest Selection:
- Paginated list of product categories
- Users can select and save their interests
- Interests persist across sessions
- Responsive Design:
- Mobile-friendly interface
- Adapts to various screen sizes
- Error Handling:
- Informative error messages for user actions
- Toast notifications for success and error states
- Security Features:
- Password hashing
- HTTP-only cookie
- Node.js (v14 or later)
- npm or yarn or pnpm
- PostgreSQL database
git clone https://github.com/VinayakaHegade/e-commerce-auth.git
cd e-commerce-authpnpm install
# or
yarn installCreate a .env file in the root directory and add the following variables:
DATABASE_URL="postgresql://username:password@localhost:5432/your_database_name"
JWT_SECRET="your_jwt_secret_key"
EMAIL_HOST=your-smtp-host
EMAIL_SERVICE=your-email-service-like-gmail
EMAIL_PORT=465
[email protected]
EMAIL_PASS=youremailpassword
EMAIL_USER_NAME=yourname
Replace the placeholders with your actual database credentials and secret keys.
npx prisma db pushpnpm run db:seed
# or
yarn db:seedpnpm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
src/pages: Next.js pagessrc/components: React componentssrc/server/api: tRPC API routes and utilitiessrc/lib: Utility functions and schemasprisma: Database schema and migrations