jaydev25 / 2amrecords-sharayu-machines Goto Github PK

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

• Authentication: User profile to keep track of orders and profile information (Firebase authentication)
• Storage: Store all product images and relevant files (Firebase storage)
• Database: Store all relevant products, categories, users information (Firebase firestore)
• Payment: Integrate payment gateway for purchasing products (Stripe)
• Hosting: Deploy and host application on Vercel
• Design: Mobile responsive UI design
• Admin: Create an admin panel for store configurations like adding new products or vice versa

• Setup dynamic routes and handle non-existent routes
• Create UI for the rest of the pages
• Create user registration form
• Setup authentication with Firebase authentication
• Handle user actions: add to cart, checkout, save cart, etc
• Integrate Stripe payment gateway
• Setup testing environment for Firebase collections and Firebase storage
• Create user profile page with information (delivery status, track orders, pending orders, order history)
• Create guest buy feature (no authentication)

• Ensure all components and pages are mobile-friendly
• Change current product list UI (create custom slider or wrapper for the list of products)
• Show similar products based on the categories attached to the product from product details page
• Create carousel for product lists
• Add delivery fees for East Malaysia (RM 10) and West Malaysia (RM 15) and only charge below 3 products
• Add expiry dates for discounted products
• Update the cart items so that it takes the latest product list instead of storing the state when first added to bag
• Use page route APIs and write only necessary API calls to each page
• Implement send email with custom library

• Handle lazy loading for images (create a skeleton/placeholder for loading images)
• Create feedback section where users can rate products and write comments
• Trigger an email to user upon completing a purchase
• Change image load behavior to increase performance
• Add a subscribe to newsletter section in homepage
• Remove uneccessary profile image upload and display
• Optimize web performance