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.
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.
- 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.
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.
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.
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
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.
-
Color Scheme: The color scheme incorporates various shades to enhance visual appeal and readability.
-
Heavy use of Orangy and dark blue colors DAA520 / 2142b2
-
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.
- Management: Allows users to manage their discussions.
- 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.
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.
The website will be deployed to Heroku. To view it on your local server, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Install the required dependencies using
- Run the application using
- Access the website at
(https://watchforumkarlo-1fa8fac8032c.herokuapp.com/)
.
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.