Live Demo: https://vi-imagehub.netlify.app/
ImageHub is a dynamic web application built with the MERN stack to offer seamless image management. This project was designed to enhance my skills in React.js, Tailwind CSS, and Redux Persist, while also gaining hands-on experience in hosting React applications on Netlify.
- User Authentication: Secure login and signup functionality using JWT.
- Image Upload: Users can upload images and manage their gallery.
- Image Gallery: Display of uploaded images with view counts.
- Responsive Design: Built with Tailwind CSS for a modern, responsive UI.
- State Management: Efficient state handling using Redux Persist.
- React.js: Component-based architecture for building the user interface.
- Tailwind CSS: Utility-first CSS framework for styling.
- Redux Persist: Persist and rehydrate Redux state across sessions.
- Node.js: JavaScript runtime for building server-side applications.
- Express.js: Web application framework for Node.js.
- Bcrypt: Secure password hashing.
- JWT: JSON Web Tokens for secure user authentication.
- Cloudinary: Image hosting and management service.
For backend implementation, visit the ImageHub Backend Repository.
-
Clone the repository:
git clone https://github.com/vishwasshar/ImageHub.git
-
Navigate to the project directory:
cd ImageHub -
Install dependencies:
npm install
-
Run the development server:
npm start
The application will be available at http://localhost:3000.
- Sign Up or Log In to your account.
- Upload images to your personal gallery.
- View, edit, or delete your images as needed.
- Track the number of views each image receives.
The project is deployed on Netlify for quick and easy hosting.
Live Demo: https://vi-imagehub.netlify.app/
Contributions are welcome! Please feel free to submit a pull request or open an issue for suggestions.
For any questions, feedback, or contributions, feel free to reach out to me via:
- Email: [email protected]
- LinkedIn: Vishwas Sharma
I welcome your input and look forward to connecting with you!