Skip to content

YogeshK34/Storely-Updated

Repository files navigation

🚀 Modern Storage Solution

A powerful and user-friendly storage solution built with cutting-edge technologies, offering seamless file management and sharing capabilities.

📸 Screenshots

Dashboard

Dashboard Screenshot

Sign In

Sign In Page

Sign Up

Sign Up Page

⚡️ Tech Stack

  • React 19 - The latest version of React with improved performance
  • Next.js 15 - The React framework with new features like React Server Components
  • Appwrite - Open-source Backend as a Service platform
  • TypeScript - For type-safe code
  • TailwindCSS - For modern, utility-first styling
  • shadcn/ui - Re-usable components built with Radix UI and Tailwind CSS

🔋 Key Features

🔐 Authentication & Security

  • Secure user authentication powered by Appwrite
  • Protected routes and data access
  • Safe and encrypted file storage

📁 File Management

  • Support for multiple file types (documents, images, videos, audio)
  • Intuitive file upload interface
  • File preview functionality
  • Rename and delete capabilities
  • Quick download options

🤝 Sharing & Collaboration

  • Easy file sharing with customizable access
  • Shareable links generation
  • Collaborative workspace features

📊 Smart Dashboard

  • Storage usage insights
  • File type distribution analytics
  • Recent activity tracking
  • Upload history visualization

🔍 Advanced Search & Organization

  • Global search functionality
  • Smart file sorting (date, name, size)
  • File type categorization
  • Tag-based organization

💅 User Experience

  • Modern, responsive design
  • Intuitive user interface
  • Cross-device compatibility
  • Real-time updates

🛠 Installation

  1. Clone the repository:
git clone https://github.com/yourusername/storage-app.git
  1. Install dependencies:
cd storage-app
npm install
  1. Configure environment variables:
cp .env.example .env.local
  1. Update the .env.local file with your Appwrite credentials:
NEXT_PUBLIC_APPWRITE_PROJECT_ID=your_project_id
NEXT_PUBLIC_APPWRITE_ENDPOINT=your_endpoint
  1. Run the development server:
npm run dev

📱 Latest Features

  • React 19 Integration: Leveraging the latest React features for improved performance
  • Next.js 15 Capabilities: Utilizing new routing and rendering optimizations
  • Modern Appwrite Features: Implementation of the latest Appwrite services
  • Type-Safe Development: Comprehensive TypeScript implementation
  • Component Architecture: Reusable and maintainable code structure
  • Responsive Design: Mobile-first approach with modern UI/UX

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📝 License

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

🙏 Acknowledgments

  • React Team for React 19
  • Vercel for Next.js 15
  • Appwrite Team for their excellent BaaS solution
  • shadcn for the amazing UI components