Giter Club home page Giter Club logo

watchforum's Introduction

WatchForum

Watches By Karl Logo

Description: WatchForum is a Django-based web application focused on facilitating discussions about watches and timepieces. Inspired by the Code Institute's Moments template project, it serves as a platform for watch enthusiasts to engage in conversations, share insights, and explore the world of horology.

Table of Contents

Introduction

WatchForum is a dedicated space for watch enthusiasts to discuss, share, and explore the fascinating world of watches and timepieces. Whether you're a seasoned collector or a casual enthusiast, WatchForum provides a platform for meaningful conversations and insights.

Features

  • Engaging Conversations: Join discussions, share insights, and connect with like-minded individuals.
  • Inspired by Moments Template: Built upon the foundation of the Code Institute's Moments template project.

Website Intentions

For the User:

  • Engage in conversations about watches and timepieces.
  • Share insights, experiences, and knowledge with the community.

For the Site Developer:

  • Provide a user-friendly platform for watch enthusiasts.
  • Foster a sense of community and shared passion.

Creation Process

Strategy

WatchForum operates as a discussion-centric platform, aiming to connect watch enthusiasts and foster meaningful conversations. The website's primary goal is to provide a space where users can share their love for watches.

Structure

The website is structured to provide an intuitive and engaging user experience:

  • Homepage: Features captivating visuals and a welcoming environment.
  • Browse Watches: Allows users to explore various watch discussions and topics.
  • Messaging System: Facilitates communication between users. // Planned to be Incorporated. Late Winter 2024
  • User Dashboard: Provides a dashboard for users to manage their discussions. // To be expanded Spring 2024

Design

The website design prioritizes visual appeal and user experience.

Color Scheme:

  • The project adopts a color scheme with various shades, creating a visually pleasing environment for discussions.

Fonts:

  • Fonts selected from Google Fonts ensure readability and aesthetics. These include Verdana and Bebas Neue.

  • Google Fonts

  • Color Scheme: The color scheme incorporates various shades to enhance visual appeal and readability.

  • Heavy use of Orangy and dark blue colors DAA520 / 2142b2

Features

Homepage

  • Main Screen: Features captivating images and a welcoming slogan.

  • Watch Selection: Allows users to explore and engage in various watch-related discussions.

Messaging System - This is to be included, But due to a lack of time it was not featured in the deployed build/

  • Communication: Facilitates discussions between users.

User Dashboard

  • Management: Allows users to manage their discussions.

Testing

  • HTML Validator: Ensured HTML code passes validation.
  • CSS Validator: Ensured CSS code passes validation.
  • Lighthouse: Conducted performance testing for efficient loading.
  • Manual Testing: Tested on various browsers and devices for optimal responsiveness.

Issues and Their Solutions

During the development process, several issues were encountered, and some are ongoing:

  • Real-Time Update Issue: There is an ongoing issue with updating follower/following icons in real-time in the developed build. Work on resolving this issue continues.

  • Deployment Challenges: Deploying the project to Heroku posed challenges due to compatibility issues with Node 20. As a workaround, the project had to be reverted back to using Node version 14.

Deployment

The website will be deployed to Heroku. To view it on your local server, follow these steps:

  1. Clone this repository to your local machine.
  2. Navigate to the project directory.
  3. Install the required dependencies using
  4. Run the application using
  5. Access the website at (https://watchforumkarlo-1fa8fac8032c.herokuapp.com/).

Credits

Content: Inspired by the world of horology and the passion of watch enthusiasts.

Code: Built upon the foundation of the Code Institute's Moments template project, WatchForum incorporates elements and concepts from this project.

Copilot: Special thanks to GPT-3.5 Assistant - Alex for providing valuable assistance throughout the project, including testing of my code for potential errors.

Libraries and Frameworks:

  • Google Fonts: Provides a wide range of fonts for improved readability and aesthetics.
  • Font Awesome: Used for adding scalable vector icons and logos.

watchforum's People

Contributors

karlox01 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.