{"id":15549895,"url":"https://github.com/iturres/ttm-e-commerce","last_synced_at":"2025-08-30T15:05:38.405Z","repository":{"id":62719285,"uuid":"560515344","full_name":"ITurres/ttm-e-commerce","owner":"ITurres","description":"Drawing inspiration from the renowned Rolex website, TTM was developed with meticulous attention to detail in terms of design, functionality, and features, resulting in a partial clone of the original 2022 platform. Check it out 👇","archived":false,"fork":false,"pushed_at":"2023-08-21T03:05:46.000Z","size":28497,"stargazers_count":22,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-23T20:42:15.532Z","etag":null,"topics":["challengeoneecommerce2","challengeoneecommerce3","css3","ecommerce","javascript","rolex","watches","watches-shop"],"latest_commit_sha":null,"homepage":"https://iturres.github.io/ttm-e-commerce/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ITurres.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":"2022-11-01T17:09:06.000Z","updated_at":"2024-12-17T13:45:28.000Z","dependencies_parsed_at":"2025-04-23T20:41:03.037Z","dependency_job_id":null,"html_url":"https://github.com/ITurres/ttm-e-commerce","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/ITurres/ttm-e-commerce","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ITurres%2Fttm-e-commerce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ITurres%2Fttm-e-commerce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ITurres%2Fttm-e-commerce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ITurres%2Fttm-e-commerce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ITurres","download_url":"https://codeload.github.com/ITurres/ttm-e-commerce/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ITurres%2Fttm-e-commerce/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272864641,"owners_count":25006040,"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","status":"online","status_checked_at":"2025-08-30T02:00:09.474Z","response_time":77,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["challengeoneecommerce2","challengeoneecommerce3","css3","ecommerce","javascript","rolex","watches","watches-shop"],"created_at":"2024-10-02T13:41:52.950Z","updated_at":"2025-08-30T15:05:38.384Z","avatar_url":"https://github.com/ITurres.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"/src/assets/media/img/logo/ttm-logo-color.png\" alt=\"logo\" width=\"320\"  height=\"auto\" /\u003e\n    \u003ch1\u003e\u003cb\u003eThe Time Meister | Watch Website\u003c/b\u003e\u003c/h1\u003e\n\u003c/div\u003e\n\n---\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n- [👥 Authors](#authors)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n\n---\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 The Time Meister \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n- The primary objective of this project was to translate provided wireframes and styles into an e-commerce website, complete with multiple pages catering to various user roles, including administrators and clients. Remarkably, this was achieved with just three HTML files, showcasing an efficient and streamlined approach to web development.\n\n- ### PARTIAL CLONE OF: [www.rolex.com](https://web.archive.org/web/20221104205955/https://www.rolex.com/en-us) (October 2022 version - from _web.archive_)\n\n---\n\n#### Learning objectives\n\n- Create a Client page side.\n- Create an Administrators page side.\n- Introduce CRUD.\n- Load data on templates and inject them within the main markup.\n- Reuse a single HTML file for different web pages (each watch page).\n- Store data across different web pages and reuse it.\n- Get familiar with JSON.\n- Keep up with Markup and Styles.\n- Continue practising JavaScript.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n  \u003cul\u003e\n    \u003cli\u003e\n      \u003cimg src=\"https://skillicons.dev/icons?i=nodejs\"/\u003e\n      \u003ca href=\"https://nodejs.org/en\"\u003eNode.js\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003cimg src=\"https://skillicons.dev/icons?i=js\"/\u003e\n      \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\"\u003eJavaScript\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003cimg src=\"https://skillicons.dev/icons?i=css\"/\u003e\n      \u003ca href=\"[https://sass-lang.com/](https://developer.mozilla.org/en-US/docs/Web/CSS)\"\u003eCSS\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003cimg src=\"https://skillicons.dev/icons?i=html\"/\u003e\n      \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML\u003c/a\u003e\n    \u003c/li\u003e\n  \u003c/ul\u003e\n\n### Libraries used:\n\n- #### [UUID](https://cdnjs.com/libraries/uuid/8.3.2)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [TTM - Live Demo Link](https://iturres.github.io/ttm-e-commerce/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n### Setup\n\nClone this repository to your desired folder:\n\nExample commands:\n\n```bash\n  cd my-folder\n  git clone git@github.com:ITurres/ttm-e-commerce.git\n```\n\n### _⚠️Website will load static-js-data if JSON-server is not loaded.👍_\n\n#### _In order for you to see actual CRUD data and be able to log in as **`admin - 123456`** follow the steps below._\n\n#### Within the project folder\n\n```bash\ncd src\\json-data\n\n```\n\n#### To run JSON login-users data\n\n```bash\njson-server -w .\\login-users.json\n\n```\n\n#### To run JSON watches data\n\n```bash\njson-server -w .\\watches-data.json\n\n```\n\n### Install\n\nInstall this project's dependencies with:\n\n- N/A\n\n### Usage\n\nTo run the project, execute the following command:\n\n- N/A\n\n### Run tests\n\n- N/A\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Author1**\n\n- GitHub: [@ITurres](https://github.com/ITurres)\n- LinkedIn: [Arthur Emanuel G. Iturres](https://www.linkedin.com/in/arturoemanuelguerraiturres/)\n- Angellist / Wellfound: [Arturo (Arthur) Emanuel Guerra Iturres](https://wellfound.com/u/arturo-arthur-emanuel-guerra-iturres)\n- Youtube: [Arturo Emanuel Guerra Iturres - Youtube Channel](https://www.youtube.com/channel/UC6GFUFHOtBS9mOuI8EJ6q4g)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/ITurres/ttm-e-commerce/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nGive a ⭐ if you liked this project!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiturres%2Fttm-e-commerce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiturres%2Fttm-e-commerce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiturres%2Fttm-e-commerce/lists"}