Pixora 🎬✨

Pixora is an AI-powered video editing SaaS platform with a sleek and responsive UI. Built using React.js and Tailwind CSS, this app provides smooth and interactive features for easy video editing. Whether you're a professional or a beginner, Pixora enhances your editing workflow with intuitive designs and AI capabilities.

Screenshots 📸

Desktop View:

Mobile View:

Features ✨

• Responsive Design: Seamless experience across all devices and screen sizes.
• Smooth Scrolling: Integrated react-scroll for smooth transitions and navigation.
• Animated Counters: Real-time statistics displayed using react-countup.
• Collapsible UI Elements: Dynamic content visibility powered by react-slidedown.
• Tailored Class Management: Efficient class management and conditional styling using clsx.
• AI-powered Video Editing: Leverage AI to automate and enhance your video editing process.
• Modern UI/UX: Elegant and user-friendly interface for a polished editing experience.

Tech Stack 🛠️

Project Layout 🗂️

Here's the general layout of the project:

Pixora/
│
├── public/
│   ├── index.html
│   └── assets/
│       └── images/
│
├── src/
│   ├── components/
│   ├── pages/
│   ├── styles/
│   ├── App.js
│   ├── index.js
│   └── ...
│
├── .gitignore
├── package.json
├── README.md
└── LICENSE

• public/: Contains static HTML files and assets like images.
• src/: Contains source code including components, pages, and styling.
• components/: Reusable UI components for the video editor.
• pages/: Different pages of the app.
• styles/: Tailwind CSS and custom styles.
• App.js: Main application component.
• index.js: Entry point for the React app.

Getting Started 🚀

Prerequisites

• Node.js (version 14 or higher)
• npm (comes with Node.js)

Installation

1. Clone the Repository

   git clone https://github.com/ajaypatil1993/sass_ui_app.git
   cd sass_ui_app
   

2. Install Dependencies

   npm install
   

3. Run the Development Server

   npm start
   

   Open your browser and go to http://localhost:3000 to view the app.

Contributing 🤝

1. Fork the Repository

2. Create a Feature Branch

   git checkout -b feature/new-feature
   

3. Commit Your Changes

   git add .
   git commit -m "Add new feature"
   

4. Push to the Branch

   git push origin feature/new-feature
   

5. Open a Pull Request

   Navigate to the repository on GitHub and create a new pull request.

Live Preview 🌐

Check out the live version of Pixora at: Pixora Live

Contact 📬

• LinkedIn: Connect with me 🔗
• Email: Send me an email 📧
• GitHub: View my GitHub 🔗

License 📝

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements 🙏