Falling Stars Pattern Generator - The Platform

The Platform of falling stars pattern generator is a task for WEB 4 course in Devine! This React-based application is designed to let users unleash their creativity by generating unique falling stars patterns, exploring a collection of artworks, and much more. Share your creations with the other users, discover new inspirations.

Key Features

🌌 Dynamic Artwork Creation

Create your own patterns with the Falling Stars Pattern Generator:

• Utilize adjustable parameters like stroke width, line count, angles, and colors to craft your masterpiece.
• Switch between dark and light themes to match your creative mood or the aesthetic of your design.
• Generate random names and tags for your artworks, adding a touch of serendipity to your creation process.

🖼️ Artworks Collection

Browse through a diverse collection of artworks created by other users:

• Filter artworks by tags to find pieces that resonate with your taste.
• Experience a community-driven gallery where creativity is shared and celebrated.

🔄 Real-time Updates

• The application responds in real-time, showing changes immediately as you adjust the controls.

🔗 Integrated Authentication

• Full authentication flow, allowing users to register, log in, and manage their profiles.
• Secure and straightforward access management, ensuring user data protection and privacy.

📝 Edit, Update, Delete

• Users can own and edit their artworks, making it simple to refine or update pieces as new inspirations arise.

👤 User Profiles and Social Interaction

• View user profiles to see individual creations and most used tags, providing insights into each artist's preferences and styles.
• Explore artworks from specific users and engage with a community of like-minded artists.

🚀 High Performance and Responsive Design

• Optimized for performance, ensuring smooth and fast interactions even when generating complex patterns.
• Responsive design that adapts to different devices, making art creation accessible from anywhere.

Technologies Used

• React.js: For building the user interface.
• React Router: To handle routing, providing a seamless navigation experience without page reloads.
• Strapi: As the backend CMS, handling artworks, users, and authentication.
• CSS: For styling, with a focus on responsiveness and aesthetic presentation.

Getting Started

To get a local copy up and running, follow these simple steps:

1. Clone the repository:

   git clone https://github.com/your-username/falling-stars-generator.git

2. Install the dependencies:

   npm install

3. Start the development server:

   npm start

4. Open the application:

   http://localhost:5173

5. Explore and enjoy!

License

This project is licensed under the MIT License. For more information, please refer to the LICENSE file.