{"id":19806741,"url":"https://github.com/anwarhakim31/losblancos","last_synced_at":"2026-05-14T22:40:28.001Z","repository":{"id":256924299,"uuid":"856496432","full_name":"anwarhakim31/LosBlancos","owner":"anwarhakim31","description":"🛍 Los Blancos E-Commerce with payment gateway ,shipping cost and CMS (Content Management System). Next.js Scss MongoDB [finish] [deploy]","archived":false,"fork":false,"pushed_at":"2025-01-31T16:36:54.000Z","size":24768,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-25T00:02:11.846Z","etag":null,"topics":["cms","e-commerce","nextjs14","payment-integration","realtime","sass","shipping"],"latest_commit_sha":null,"homepage":"https://los-blancos.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/anwarhakim31.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-09-12T17:11:13.000Z","updated_at":"2025-01-31T16:36:59.000Z","dependencies_parsed_at":"2024-10-21T14:29:34.674Z","dependency_job_id":"ec89f620-47e3-42f2-83c9-45286615dd5b","html_url":"https://github.com/anwarhakim31/LosBlancos","commit_stats":{"total_commits":219,"total_committers":1,"mean_commits":219.0,"dds":0.0,"last_synced_commit":"0a32e6ae7f927699f66052f802cec70639fe51c2"},"previous_names":["anwarhakim31/losblancos"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/anwarhakim31/LosBlancos","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anwarhakim31%2FLosBlancos","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anwarhakim31%2FLosBlancos/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anwarhakim31%2FLosBlancos/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anwarhakim31%2FLosBlancos/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anwarhakim31","download_url":"https://codeload.github.com/anwarhakim31/LosBlancos/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anwarhakim31%2FLosBlancos/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261777381,"owners_count":23208113,"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":["cms","e-commerce","nextjs14","payment-integration","realtime","sass","shipping"],"created_at":"2024-11-12T09:08:25.465Z","updated_at":"2026-05-14T22:40:22.976Z","avatar_url":"https://github.com/anwarhakim31.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003eLosBlancos\u003c/h1\u003e\n  \u003cp\u003eE-commerce\u003c/p\u003e\n\u003c/div\u003e\n\n![School Management System](https://github.com/user-attachments/assets/1a004898-ce13-4ef0-bd46-9c8dfcea15db)\n\n## About\n\nLosBlancos is a cutting-edge e-commerce platform designed to offer a seamless shopping experience while empowering store administrators with a robust Content Management System (CMS). The platform integrates a secure payment gateway for smooth transactions and includes real-time shipping cost calculation, ensuring customers can easily view the total price before completing their purchase.\n\nLosBlancos enhances user interaction with a dynamic real-time dashboard, giving administrators instant insights into crucial activities such as stock availability and new customer orders. The platform's notification system promptly alerts administrators when a product is out of stock or when a new order is placed, ensuring efficient management and timely responses.\n\nAdditionally, LosBlancos integrates Raja Ongkir, a popular shipping cost service, allowing customers to calculate accurate shipping fees based on their location. This ensures transparent pricing and provides a smooth checkout experience for both customers and administrators.\n\n## Screenshots\n\n|                                                                                                                             |                                                                                                                             |\n| :-------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------: |\n| ![Macbook-Air-los-blancos vercel app (1)](https://github.com/user-attachments/assets/9f0b3fc1-e0dc-4173-a8e7-5407d657e1a4)  | ![Macbook-Air-los-blancos vercel app (2)](https://github.com/user-attachments/assets/0483c03c-1119-4ecf-8cbe-219c9f2d9f7c)  |\n| ![Macbook-Air-los-blancos vercel app (3)](https://github.com/user-attachments/assets/8204d491-3399-44c4-b9de-c520888caa36)  | ![Macbook-Air-los-blancos vercel app (5)](https://github.com/user-attachments/assets/6c271e21-93b3-4458-ba78-0e7478dd4666)  |\n| ![Macbook-Air-los-blancos vercel app (6)](https://github.com/user-attachments/assets/de16afe1-1baf-49d3-998d-714543db2ddc)  | ![Macbook-Air-los-blancos vercel app (7)](https://github.com/user-attachments/assets/3fc8b384-514e-4a71-9702-56d5ea05321b)  |\n| ![Macbook-Air-los-blancos vercel app (10)](https://github.com/user-attachments/assets/da380a55-6ef7-4362-be0f-7418ce877d5b) | ![Macbook-Air-los-blancos vercel app (11)](https://github.com/user-attachments/assets/985128a4-7895-47ce-ae95-63833bad6bd0) |\n\n## The dependencies that this project uses:\n\n_Frontend_\n\n-scss: for stayling\n\n-React Hook Form: For Form validation\n\n-axios-interceptors: For making HTTP requests\n\n-rechart js: For making chart\n\n-Redux Toolkit : For State management feature\n\n-next-auth : For authentication\n\n-Sonner : For toast notification\n\n-socket.io : For real-time data transmission.\n\n-lucide: icon\n\n-jest: unit testing\n\n_Backend_\n\n-mongoose: For interacting with MongoDB\n\n-bcryptjs: For hashing passwords\n\n-jsonwebtoken: For authentication\n\n-next-auth:For authencatication\n\n-cloudinary: for upload image\n\n-midtrans: for payment gateway\n\n-nodemailer: for send email\n\n-express: For creating the server-socket\n\n-socket-io: For real-time data transmission.\n\n## Third Party\n\n- Midtranns = https://midtrans.com\n\n- Rajaongkir = https://rajaongkir.com\n\n- Google = https://console.cloud.google.com\n\n## Prerequisites\n\nBefore you begin, ensure you have the following installed on your machine:\n\n- Node.js: [Download and install Node.js](https://nodejs.org/)\n- npm: Node.js package manager (comes with Node.js installation)\n\n## Getting Started\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/anwarhakim31/LosBlancos.git\n   ```\n\n2. Navigate to root project directory and install depedencies:\n\n   ```bash\n   cd LosBlancos\n    npm install\n   ```\n\n3. Navigate to socket-server directory and install depedencies\n\n   ```bash\n   cd socket-server\n   npm install\n   ```\n\n## Setup Environment\n\n1. Create a .env file in the root next.js of your project.\n\nNEXT_PUBLIC_PROCESS = development\n\nDATABASE_URL =\n\nNEXTAUTH_SECRET =\n\nNEXTAUTH_URL=http://localhost:3000\n\nNEXT_PUBLIC_BASE_URL = /api\n\nGOOGLE_OAUTH_CLIENT_ID =\n\nGOOGLE_OAUTH_CLIENT_SECRET =\n\nNEXT_PUBLIC_CLOUD_PRESET =\n\nNEXT_PUBLIC_CLOUD_NAME =\n\nNEXT_PUBLIC_CLOUD_APIKEY =\n\nNEXT_PUBLIC_CLOUD_SECRETKEY =\n\n//binderbyte untuk mengambil provinsi, kota\nBINDERBYTE_KEY =\n\nRAJAONGKIR_KEY =\n\nMIDTRANS_SECRET_SERVER_KEY =\n\nMIDTRANS_BASE_URL = https://api.sandbox.midtrans.com/v2\n\nNEXT_PUBLIC_SOCKET_URL = http://localhost:4000\n\nNEXT_PUBLIC_DOMAIN = http://localhost:3000\n\nEMAIL_ADMIN =\n\nPASSWORD_APLIKASI_EMAIL =\n\n2. Create a .env file in the server-socket of your project.\n\nORIGIN = http://localhost:3000\n\nMONGODB_URL =\n\n## Development\n\n1. To start the root , run:\n\n   ```bash\n   npm run dev\n   ```\n\n2. To start the socket-server run :\n\n   ```bash\n   npm run dev\n   ```\n\n## Deployment\n\nDeploy the `dist` directory to your hosting platform of choice.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanwarhakim31%2Flosblancos","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanwarhakim31%2Flosblancos","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanwarhakim31%2Flosblancos/lists"}