Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/iturres/ttm-e-commerce

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 👇
https://github.com/iturres/ttm-e-commerce

challengeoneecommerce2 challengeoneecommerce3 css3 ecommerce javascript rolex watches watches-shop

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/iturres/ttm-e-commerce
Owner: ITurres
License: mit
Created: 2022-11-01T17:09:06.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2023-08-21T03:05:46.000Z (over 1 year ago)
Last Synced: 2024-11-29T10:23:19.627Z (about 1 month ago)
Topics: challengeoneecommerce2, challengeoneecommerce3, css3, ecommerce, javascript, rolex, watches, watches-shop
Language: JavaScript
Homepage: https://iturres.github.io/ttm-e-commerce/
Size: 27.2 MB
Stars: 23
Watchers: 2
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        



    

    The Time Meister | Watch Website



---

# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

- [👥 Authors](#authors)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

---

# 📖 The Time Meister 

- 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.

- ### PARTIAL CLONE OF: [www.rolex.com](https://web.archive.org/web/20221104205955/https://www.rolex.com/en-us) (October 2022 version - from _web.archive_)

---

#### Learning objectives

- Create a Client page side.

- Create an Administrators page side.

- Introduce CRUD.

- Load data on templates and inject them within the main markup.

- Reuse a single HTML file for different web pages (each watch page).

- Store data across different web pages and reuse it.

- Get familiar with JSON.

- Keep up with Markup and Styles.

- Continue practising JavaScript.

## 🛠 Built With 

### Tech Stack 

  


    

      

      Node.js

    

    

      

      JavaScript

    

    

      

      CSS

    

    

      

      HTML

    

  


### Libraries used:

- #### [UUID](https://cdnjs.com/libraries/uuid/8.3.2)

(back to top)


---

## 🚀 Live Demo 

- [TTM - Live Demo Link](https://iturres.github.io/ttm-e-commerce/)

(back to top)


---

## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

### Setup

Clone this repository to your desired folder:

Example commands:

```bash

  cd my-folder

  git clone [email protected]:ITurres/ttm-e-commerce.git

```

### _⚠️Website will load static-js-data if JSON-server is not loaded.👍_

#### _In order for you to see actual CRUD data and be able to log in as **`admin - 123456`** follow the steps below._

#### Within the project folder

```bash

cd src\json-data

```

#### To run JSON login-users data

```bash

json-server -w .\login-users.json

```

#### To run JSON watches data

```bash

json-server -w .\watches-data.json

```

### Install

Install this project's dependencies with:

- N/A

### Usage

To run the project, execute the following command:

- N/A

### Run tests

- N/A

(back to top)


---

## 👥 Authors 

👤 **Author1**

- GitHub: [@ITurres](https://github.com/ITurres)

- LinkedIn: [Arthur Emanuel G. Iturres](https://www.linkedin.com/in/arturoemanuelguerraiturres/)

- Angellist / Wellfound: [Arturo (Arthur) Emanuel Guerra Iturres](https://wellfound.com/u/arturo-arthur-emanuel-guerra-iturres)

- Youtube: [Arturo Emanuel Guerra Iturres - Youtube Channel](https://www.youtube.com/channel/UC6GFUFHOtBS9mOuI8EJ6q4g)

(back to top)


---

## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/ITurres/ttm-e-commerce/issues).

(back to top)


---

## ⭐️ Show your support 

Give a ⭐ if you liked this project!

(back to top)


---

## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)


---