Neem-Sheth / Mudberry-Studio---Script-Sprinters

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mudberry Studio 🏺✨

Interactive Pottery Design and Workshop Website

Welcome to the Mudberry Studio website repository – a technical showcase of our interactive platform, dedicated to pottery design, workshops, and creative engagement.

Main Problem Statement

Design an interactive website for Mudberry Studio, spotlighting the studio's artistic offerings, detailing information on pottery workshops, and providing a seamless platform for individuals to engage. Capture the essence of Mudberry Studio's unique charm and create an online space that resonates with the joy and creativity inherent in their pottery endeavors.

Technical Specifications

Architecture

  • Frontend: Built using modern web technologies such as HTML, CSS, Tailwind and JS along for a dynamic and responsive user interface.
  • Database: FormSubmit utilized for customer user information and the studio interaction with customer.

Pages

  1. Home Page (https://neem-sheth.github.io/Mudberry-Studio---Script-Sprinters/index.html)

    • An introductory with asthetic vibe to introduce the audience with the Mudberry Studio.
  2. Learn Page (https://neem-sheth.github.io/Mudberry-Studio---Script-Sprinters/learnpage.html)

    • An informative and attractive page for the delivery of the basic idea of the studio.
  3. Designs Page (https://neem-sheth.github.io/Mudberry-Studio---Script-Sprinters/design.html)

    • An immersive gallery allowing users to explore and appreciate the artistic creations in detail.
  4. Activities Page (https://neem-sheth.github.io/Mudberry-Studio---Script-Sprinters/activities.html)

    • A dynamic page displaying workshop details from the backend API, providing users with in-depth information on courses and private sessions.
  5. About Us (https://neem-sheth.github.io/Mudberry-Studio---Script-Sprinters/aboutus.html)

    • The page with the professor's background, education, and expertise, enriched with multimedia content for a compelling user experience.

Responsive Design

  • Utilizes CSS media queries and responsive design principles to ensure optimal user experience across various devices, from laptops to tablets and smartphones.

Deployment

  • Continuous integration and deployment pipelines set up using tools like GitHub Actions for automating the testing and deployment process.

Getting Started

To run the Mudberry Studio website, follow these steps:

  1. Go to the deployments.
  2. Click on the website.

Screenshots

  1. Home Page image

  2. Learn Page Screenshot 2024-04-10 225937

  3. Designs Page Screenshot 2024-04-10 230003

  4. Activities Page Screenshot 2024-04-10 230042

  5. About Us
    Screenshot 2024-04-10 230632

Contributing

We welcome contributions from the open-source community! If you have any ideas, bug fixes, or new features to add, feel free to create an issue or submit a pull request. Let's build an even more remarkable Mudberry Studio website together!

Team

Mudberry Studio is brought to you by a passionate team of developers and designers committed to pushing the boundaries of creativity in the digital realm.

- Kevalya Shah

- Lamya Gandhi

- Misbah Shaikh

- Neem Sheth

About


Languages

Language:CSS 64.1%Language:HTML 30.8%Language:JavaScript 5.2%