Skip to content

This website is designed for Venusya, an imaginary clothing brand. Its purpose is to present the brand's chic and elegant style while delivering a user-friendly and captivating web experience.

Notifications You must be signed in to change notification settings

SaraFreitas02/Venusya

Repository files navigation

Venusya (in progress)

EMBRACE YOUR ELEGANCE

Table of Contents

Description

This project is a website designed for Venusya, an imaginary clothing brand. Its purpose is to present the brand's chic and elegant style while delivering a user-friendly and captivating web experience.

Please note that this project is a work in progress, and numerous changes will be implemented until its completion.

Origins

This project was initiated with the goal of demonstrating the author's proficiency in web development and programming.

Objectives

  • Develop a complete, comprehensive and user-friendly website.
    • Enhance its dynamism and user engagement.
    • Improve its acessibility as much as possible.
    • Make it mobile, tablet and desktop compatible.
  • Maintain the distinct 'Venusya vibe.'
  • Implement a backend system for brand administrators to manage tasks such as (but not limited to) adding/removing products and adjusting pricing.

Files

On this repository you will find the following files:

  • index.html: Responsible for the foundation of the website.

  • syle.css: Responsible for the stylization of the website.

  • script.js: Responsible for the dynamism of the website (currently empty, as it has not been worked on).

  • README.md: This file itself, responsible for guiding you throughout the repository and project.

  • DISCLAIMER.md: Responsible for holding important disclaimers regarding this project.

  • .gitignore: Responsible for ignoring extra not needed files, keeping the repository clean and easy to look through.

  • Images: Responsible for holding the images used in the project.

  • License&Credits: Responsible for holding the files referent to the license and attribution guidelines for this project

    • LICENSE: Responsible for informing you the license this project is under.
    • Creditin-us.md: Responsible for informing you of the attributions guidelines for this project.
  • Attributions: Responsible for holding the files meant to attribute and credit third party resources.

    • FontAwesomeIcons.md: Responsible for crediting Font Awesome.
    • Images.md: Responsible for crediting the various Unsplash images used on the website.

How to use

To experience this project, simply follow these steps:

  1. Open the index.html file in your web browser or click here.
  2. Explore the project's homepage.

(Additional instructions and features will be added as the project evolves.)

Features

Explore the elegance of Venusya through these key features:

  • Brand Exploration: Click on the Venusya logo to return to the homepage and explore the brand's offerings effortlessly.

  • Engaging Hover Effects: Experience dynamic and engaging hover effects on various links, buttons, and images, adding interactivity to your browsing.

  • Social Media Icons: Redirect you to the respective social media.

  • Payment Methods Icons: Inform you of the payment methods accepted.

  • Like Buttons with Animations: Interact with our products by clicking the "like" button. It fills with color when liked and empties with a smooth animation when unliked.

  • Product Descriptions on Hover: Hover over a product to read its description instantly, enhancing your shopping experience.

  • Menu Button (Laptop Version): For laptop users, a menu button has been added for easy navigation. Simply click to open or close the menu.

  • Multiple Device Compatibility: Read "Compatibility" for more info.

Features to be added

The following features are meant to be added in the future:

  • Responsive buttons: buttons like add to bag or add to wishlist will do what they are meant to.
  • Product Looking: you will be able to open the product page with more details about it.
  • Collection Exploring: you will be able to open the new collection page through the image.
  • Whishlist: You will be able to open you wishlist.
  • Shooping Bag: You will be able to open your shopping bag.
  • login/register : you will be able to login or register.
  • my profile: you will be able to access your profile.
  • footer links: you will be able to open all the links on the footer.

(Additional features may be added as the project evolves.)

Compatibility (last update: 17-09-2023)

  • Browser Compatibility: This project has been tested and optimized for Google Chrome version 116.0.5845.141 (Official Build) (64-bit). While it may work on other browsers, we recommend using Chrome for the best experience.
  • Device Compatibility: Although it still needs some improvements, the webshop is built to be functional on all devices such as desktop and laptops, tablets and smartphones.

(This section will be updated as the project evolves)

Customization

Please feel free to incorporate this code into your projects while adhering to the license it is distributed under. We also encourage you to follow the attributions guidelines

You're welcome to customize it to your heart's desire — alter backgrounds, displays, colors, styles, images and more. The sky is the limit!

Contributions

Contributions are encouraged! If you'd like to contribute to this project:

  1. Fork the repository.
  2. Create a new branch for your feature: git checkout -b feature-name
  3. Commit your changes: git commit -m 'Add a new feature'
  4. Push to the branch: git push origin feature-name
  5. Submit a pull request.

License

This project is open-source and available under the MIT License.

MIT License

This project is licensed under the MIT License, which means you are free to use, modify, and distribute the code as long as you include the original license text.

Attribution Guidelines

Although this project is under the MIT License (as stated above), we would greatly appreciate it if you could:

  • Mention any changes you've made to the code.
  • Provide a link to this project's repository.

Your support and collaboration mean a lot to us! For more clarification, visit the Crediting Us file provided in our project.

License Disclaimer

Please be aware that while this project is provided under the MIT License, it is your responsibility to ensure that your usage complies with all applicable laws and regulations. The project is a work in progress and may have limitations or issues.

Feel free to use this project for your needs or contribute to its development.

For more details, refer to the MIT License file in this repository.

Thrid-Party Resources

This project uses third party resources with their own licensing and crediting requirements. Visit the Attributions Folder for more information.

Atributions

This project uses the following resources:

Visit the Attributions Folder for more information.

DISCLAIMER

  • Resemblance to Reality: This website is a mockup, and any similarity to real websites or brands is purely coincidental.

  • Fictional Brand: The brand "Venusya" is fictional and for illustration purposes only, not linked to any real brand.

  • No Real Transactions: Please be aware that actual transactions are not supported on this site, and the products and pricing are fictional.

  • Third-Party Resources: We've used third-party resources like Font Awesome icons and images from various photographers. Refer to the Attributions folder for details.

We appreciate your understanding and hope you enjoy exploring our mockup website. 😊

Contact

If you have any questions regarding this project feel free to contact me.

About

This website is designed for Venusya, an imaginary clothing brand. Its purpose is to present the brand's chic and elegant style while delivering a user-friendly and captivating web experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published