Artistic Strokes Studio

Artistic Strokes Studio is a digital painting shop where customers can explore and purchase a wide range of beautifully crafted artworks. Whether you're looking for a unique piece to enhance your space or want to commission a custom painting that meets your specific preferences, our studio offers the perfect solution. Enjoy the convenience of browsing and ordering stunning digital art tailored to your taste, all from the comfort of your home.

Backend Repo

➡️➡️➡️ Artistic Strokes Studio Backend

Preview

➡️➡️➡️ Artistic Strokes Studio

How can you run this project in your local machine

• step 1

  git clone https://github.com/mdmarufhossianbd/artistic-strokes-studio.git
  

• step 2

  npm install
  

• step 3

  npm run dev
  

• step 4 [note : setup .env.local file. In the root folder of this project create a .env.local file.]

  VITE_APIKEY=FIREBASE_APIKEY
  VITE_AUTHDOMAIN=FIREBASE_AUTHDOMAIN
  VITE_PROJECTID=FIREBASE_PROJECTID
  VITE_STORAGEBUCKET=FIREBASE_STORAGEBUCKET
  VITE_MESSAGINGSENDERID=FIREBASE_MESSAGINGSENDERID
  VITE_APPID=FIREBASE_APPID
  VITE_IMAGE_HOSTING_KEY=FIREBASE_IMAGE_HOSTING_KEY
  

Technologies Used

• HTML: The structure of the web pages is built using HTML, providing the foundation for content presentation.
• CSS: Styling and layout are handled using CSS, with the Tailwind CSS framework and daisyui for efficient and responsive design.
• JavaScript: Dynamic interactions and functionality are implemented using JavaScript, with the React framework for a component-based architecture.
• Swiper slider: A JavaScript library used for creating sliders and carousels to showcase property images and features.
• react-simple-typewriter: A simple react component for adding a nice typewriter effect to your project.
• React Awesome Reveal: using for animated components in this application.

Project features

• User-friendly Interface: Intuitive design and navigation for seamless browsing and reading experience.
• Responsive Design: Ensures optimal viewing experience across various devices, from desktops to smartphones.
• user Authentication User authentication completey done. User can register using input data & can login using Google & Github.
• Dynamic Content Rendering: Utilizing React to dynamically render content, enabling smooth interactions and updates without full page reloads.
• Integration with APIs: Enhance the platform by integrating with APIs to fetch additional book information, such as summaries, author bios, or related titles.
• Efficient Performance: Optimize performance through code splitting, lazy loading, and other techniques to ensure fast loading times and smooth interactions, even with large volumes of content.