Important

THIS REPOSITORY IS NOT UNDER ACTIVE DEVELOPMENT!

CTIS255 - Frontend Web Technologies Project

This is the project repository for the CTIS255 - Frontend Web Technologies course at Bilkent University in Fall 2024-2025.

Important

Since we used ES Modules, it is not possible to run the project directly on the browser. However, you can run the project on a local server (e.g. Live Server extension in VSCode) or use the online version of the project. The online version of the project is available at the following link: GitHub Pages

Project Structure

In this project, component based development and branching strategy is used. The project is divided into several components, each of which is responsible for a specific part of the project. The project structure is as follows:

• index.html: The main HTML file that includes all the components.
• src/: The source folder that includes all the source files.
  • assets/: The assets folder that includes all the images, videos, and other media files.
    • data/: The data folder that includes all the data files.
    • images/: The images folder that includes all the images.
  • components/: The components folder that includes all the components.
  • layouts/: The layouts folder that includes all the layouts.
  • models/: The models folder that includes all the models.
  • pages/: The pages folder that includes all the pages.
    • cryptocurrency-page/: The cryptocurrency page folder that includes all the files related to the cryptocurrency page.
    • profiles-page/: The profiles page folder that includes all the files related to the profiles page.
  • stores/: The stores folder that includes all the stores.
  • utils/: The utils folder that includes all the utility functions.

Team Members

• Arda Becanım
  • Responsibilities include:
    • Implementing the cryptocurrency page trading components and logic.
• Kerem Coşkun
  • Responsibilities include:
    • Implementing the cryptocurrency page days components and logic.
• Oktay Giniş
  • Responsibilities include:
    • Implementing the profiles page, its components, and logic.
    • Implementing the user and asset modals.
• Sezer Tetik
  • Responsibilities include:
    • Establishing the project structure and managing the project.
    • Implementing the cryptocurrency page chart components, filter, summary row components and their logic.
    • Implementing the general components, such as header, button, and image components.
    • Implementing the coins modals and chartDetail modal
    • Implementing the render logic of the components and simulation of global state management.
    • Implementing the utility functions and helper functions.

Usage

To run the project, follow these steps:

1. Clone the repository.
2. Navigate to the project directory.
3. Start a local server to serrve the project files. (Live Server Extension for Visual Studio Code is recommended)
4. Open the browser and navigate to the local server address. (Usually http://127.0.0.1:5500, or http://localhost:5500)
5. Enjoy the project!

If you want to access the project online, visit the following link: GitHub Pages