Skip to content

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 👇

License

Notifications You must be signed in to change notification settings

ITurres/ttm-e-commerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo

The Time Meister | Watch Website


📗 Table of Contents


📖 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 (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

Libraries used:

(back to top)


🚀 Live Demo

(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:

  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

cd src\json-data

To run JSON login-users data

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

To run JSON watches data

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

(back to top)


🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)


⭐️ Show your support

Give a ⭐ if you liked this project!

(back to top)


📝 License

This project is MIT licensed.

(back to top)


About

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 👇

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published