{"id":28630801,"url":"https://github.com/ryan-infitech/tokotech-webapp","last_synced_at":"2026-04-12T15:40:37.558Z","repository":{"id":296434879,"uuid":"992123753","full_name":"Ryan-infitech/Tokotech-webApp","owner":"Ryan-infitech","description":"webApp version of tokotech","archived":false,"fork":false,"pushed_at":"2025-05-30T17:20:25.000Z","size":5439,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-05-31T01:28:39.168Z","etag":null,"topics":["axios","cors","ecommerce","ecommerce-website","expressjs","midtrans","nextjs","nodejs","nodemailer","postgresql","rajaongkir","shopee","shopping","toko-online","tokopedia","tugas-akhir","tugas-kuliah","university-project","vercel"],"latest_commit_sha":null,"homepage":"https://tokotech.live","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ryan-infitech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-28T16:50:11.000Z","updated_at":"2025-05-30T17:20:28.000Z","dependencies_parsed_at":"2025-05-31T01:28:51.146Z","dependency_job_id":"0da47251-80d6-4b70-ac83-fb13c3513675","html_url":"https://github.com/Ryan-infitech/Tokotech-webApp","commit_stats":null,"previous_names":["ryan-infitech/tokotech-webapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ryan-infitech/Tokotech-webApp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ryan-infitech%2FTokotech-webApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ryan-infitech%2FTokotech-webApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ryan-infitech%2FTokotech-webApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ryan-infitech%2FTokotech-webApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ryan-infitech","download_url":"https://codeload.github.com/Ryan-infitech/Tokotech-webApp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ryan-infitech%2FTokotech-webApp/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259470960,"owners_count":22862999,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","cors","ecommerce","ecommerce-website","expressjs","midtrans","nextjs","nodejs","nodemailer","postgresql","rajaongkir","shopee","shopping","toko-online","tokopedia","tugas-akhir","tugas-kuliah","university-project","vercel"],"created_at":"2025-06-12T13:08:12.219Z","updated_at":"2026-04-12T15:40:32.504Z","avatar_url":"https://github.com/Ryan-infitech.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"right\"\u003e\n\n![Visitors](https://visitor-badge.laobi.icu/badge?page_id=Ryan-infitech.Tokotech-webApp)\n\n\u003c/div\u003e\n\n# Toko Tech - Professional E-Commerce Platform\n\n![Toko Tech](https://github.com/Ryan-infitech/Tokotech-webApp/blob/main/public/images/og-image.png?raw=true)\n\n## Overview\n\nToko Tech is a full-stack e-commerce platform built with Next.js 14 and Express.js. It provides a modern shopping experience with comprehensive product management, secure checkout flows, and robust admin capabilities. The application uses a PostgreSQL database through Supabase for data storage and authentication services.\n\n## Technology Stack\n\n### Frontend\n\n- **Framework**: Next.js 14 with App Router\n- **UI Libraries**:\n  - Tailwind CSS for styling\n  - Headless UI for accessible components\n  - Framer Motion for animations\n- **State Management**: Zustand\n- **Form Handling**: React Hook Form with Zod validation\n- **API Communication**:\n  - Axios for HTTP requests\n  - SWR for data fetching and caching\n- **Authentication**: NextAuth.js with JWT\n- **Data Visualization**: Chart.js\n- **Notification System**: React Hot Toast\n\n### Backend\n\n- **Runtime**: Node.js with Express.js\n- **Database**: PostgreSQL via Supabase\n- **Authentication**: JWT with role-based access control\n- **Security**: CORS with customized configuration\n- **File Storage**: Supabase Storage\n- **Email Service**: Nodemailer\n- **File Upload**: Multer middleware\n- **Validation**: Joi and Zod schemas\n- **Logging**: Winston logger\n- **Payment Processing**: Midtrans integration\n- **Reporting**: Excel generation with ExcelJS\n\n## Features\n\n### Customer Features\n\n- **User Authentication**\n  - Email/password registration\n  - JWT-based secure authentication\n  - Password reset functionality\n- **Product Browsing**\n  - Advanced filtering and searching\n  - Category-based navigation\n  - Detailed product information\n- **Shopping Experience**\n  - Shopping cart with persistence\n  - Wishlist functionality\n  - Order tracking and history\n- **Checkout Process**\n  - Multiple payment methods through Midtrans\n  - Shipping options and calculations\n  - Order confirmation and receipt\n\n### Admin Features\n\n- **Dashboard**\n  - Sales analytics and metrics\n  - Customer insights\n  - Inventory status\n- **Product Management**\n  - Product creation and editing\n  - Inventory management\n  - Image upload and management\n- **Order Management**\n  - Process and track orders\n  - Update order status\n  - Generate shipping information\n- **User Management**\n  - Customer account administration\n  - Role-based access control\n  - User status management\n- **Reporting**\n  - Revenue reports\n  - Excel export functionality\n  - Custom date range filtering\n\n## Bit Of The Structure ...\n\n```\n.\n├── Frontend                  # Frontend application\n│   ├── public                # Public assets\n│   ├── src                   # Source files\n│   │   ├── app               # Next.js app directory\n│   │   ├── components         # Shared components\n│   │   ├── lib                # Library functions\n│   │   ├── middleware         # Middleware functions\n│   │   ├── pages             # Next.js pages\n│   │   ├── styles            # Global styles\n│   │   ├── utils             # Utility functions\n│   │   └── ...  \n│   ├── .env.local            # Local environment variables\n│   └── .... \n├── Backend                   # Backend application\n│   ├── config                # Configuration files\n│   ├── controllers           # Request controllers\n│   ├── middleware            # Middleware functions\n│   ├── models                # Database models\n│   ├── routes                # API routes\n│   ├── services              # Business logic and services\n│   ├── uploads               # File uploads\n│   ├── .env                  # Environment variables\n│   ├── server.js             # Entry point for the backend\n│   └── ...\n├── README.md                 # Project documentation\n├── package.json              # Package configuration\n└── ...\n```\n\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n---\n\nThank you for checking out Toko Tech! We hope this documentation helps you understand and contribute to the project. For any questions or feedback, please reach out to the maintainers.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryan-infitech%2Ftokotech-webapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryan-infitech%2Ftokotech-webapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryan-infitech%2Ftokotech-webapp/lists"}