This web application provides a platform for users to share and discover images, inspired by Pinterest. It focuses on delivering a responsive and interactive user experience with modern UI/UX design principles.
- User Authentication: Secure user registration and login system.
- Image Uploading: Users can upload their own images to the platform.
- Dynamic Feed: A personalized feed displays images from various users.
- Responsive Design: The application is designed to be fully responsive, adapting to different screen sizes and devices.
- Enhanced User Interactivity with CSS Animations:
- Login/Home Page: Features a fade-in animation for the main card on load, input field focus animations (border glow, slight scale-up), and interactive hover effects for buttons.
- Feed Page: Includes a smooth scale-up on image hover, a staggered fade-in for image cards on page load, and elegant hover animations for navigation links.
- Profile Page: Implements fade-in effects for the profile card and image grid, interactive hover effects on image cards (scale, slight rotation), and a color transition animation for the upload button.
- HTML: For structuring the web content.
- CSS: For styling and implementing responsive design and animations.
- JavaScript: For interactive elements and client-side logic.
- EJS (Embedded JavaScript): As the templating engine for dynamic content rendering.
- Node.js: The JavaScript runtime environment.
- Express.js: A fast, unopinionated, minimalist web framework for Node.js.
- (Database - e.g., MongoDB/Mongoose, MySQL/Sequelize, PostgreSQL/pg): (Please specify the database you are using here. If you are not using a database, you can remove this line or specify how data is persisted if applicable).
- Git: For version control.