Node Image Drive 🖼️🔥

Node Image Drive is an exhilarating web application that empowers users to seamlessly upload, explore, and administer their image collection. Crafted with finesse using the dynamic MERN stack, it epitomizes elegance and efficiency.

✨ Features

• Image Upload: Effortlessly upload your cherished images to the cloud.
• Gallery Display: Revel in a captivating gallery view showcasing your uploaded treasures.
• Image Management: Exercise full control with intuitive options to view, delete, and manage your collection.
• Responsive Design: Enjoy a seamless experience across devices with a responsive and mobile-friendly design.
• UI Focused Development: Elevate user experience with a meticulously designed interface following a wireframing to design to coding approach.
• JWT Authentication: Secure your account with JWT-based authentication to safeguard your precious uploads.
• Storage Limit: Each user account is restricted to 100MB of storage, ensuring fair usage and optimal performance.

🚀 Project Purpose

The primary objective behind creating Node Image Drive was to delve deep into the intricacies of the MERN stack and master best practices in web development. By undertaking this project, I aimed to:

• Gain hands-on experience in building a full-stack web application from scratch.
• Understand and implement efficient folder structures and code organization methodologies.
• Explore the nuances of integrating multiple technologies seamlessly to create a cohesive user experience.
• Implement JWT-based authentication for secure user authentication and authorization.
• Create a visually stunning and user-friendly interface by following a meticulous wireframing to design to coding approach.

🛠️ Technologies Used

• Frontend:

  • React
  • HTML
  • CSS
  • JavaScript

• Backend:

  • Node.js
  • Express
  • MongoDB (🔍 Cloudinary for Image Storage)
  • JWT (JSON Web Tokens) for Authentication

🖥️ Usage

1. Open your preferred web browser and visit http://localhost:3000.
2. Embrace the delightful interface to upload your images effortlessly.
3. Dive into your gallery view to explore and manage your uploaded images with finesse.

🌟 Screenshots

📝 License

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

🤝 Contributing

Contributions are heartily welcome! Kindly fork the repository and dazzle us with your enhancements through a pull request.

---

Witness the magic live here.