Welcome to the source code for my personal photography portfolio website! This project showcases my work as a street and nature photographer and highlights my journey through the world of photography. Built with ReactJS, this portfolio site allows visitors to explore my images, learn more about my background, and easily connect with me.
This portfolio website is a platform for displaying my photography work, which primarily focuses on capturing authentic moments in urban and natural environments. The site includes sections for an About Me, Portfolio gallery, Contact form, and Social Media links.
- Hero Section – An introduction with a tagline and a quick link to connect or download my resume.
- About Section – A summary of my photography journey, vision, and experience.
- Photography Gallery – Displays a collection of my best work, organized to give viewers a seamless browsing experience.
- Contact Form – Allows visitors to reach out for collaboration or inquiries.
- Social Media Links – Links to my photography profiles, so users can follow along with my latest work.
- Frontend: ReactJS
- Styling: CSS and animations
- Icons: FontAwesome for social media and contact icons
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/S2Sofficial/photography-portfolio.git
Here’s a quick overview of the main files and folders:
- src/components – Contains individual components for different sections, such as Hero, About, Gallery, and Footer.
- src/assets – Stores images, icons, and other static files used in the website.
- src/App.js – Main file where all components are integrated.
- src/styles – Contains global and component-specific styles.
I’m Swaroop Kumar Yadav, a street and nature photographer based in Jharkhand, India. My work captures the beauty of everyday moments, from vibrant city streets to serene landscapes. Through this portfolio, I aim to share my journey and inspire viewers to see the world in a new light.
Some ideas for future updates:
- Adding a Lightbox feature to view images in a full-screen gallery.
- Creating a Blog section for photography tips, stories, and behind-the-scenes insights.
- Search and Filter Options – Implement a search bar or filters to help users navigate through specific types of photography, like street, nature, or portrait.
- Client Testimonials – Add a section to display feedback from past clients or collaborators, adding credibility to your work.
- Portfolio Categories – Organize the gallery into different categories for easier browsing, such as street photography, nature shots, and portraits.
- Image Download Option – Allow users to download selected images with watermarks or for free with proper attribution.
- Photography Tips Newsletter – Integrate a subscription option for visitors to receive monthly photography tips or updates on new work.
- Location Tags – Add a map or tagging feature for each photo that shows where it was taken, offering context to viewers.
- E-commerce Integration – Create an option to purchase prints or digital copies directly from the site.
- Multilingual Support – Make the portfolio accessible to a broader audience by adding language options.
- Dark Mode Toggle – Provide a dark mode for better user experience and aesthetics, especially for a visually oriented site.
- Image Metadata Display – Allow viewers to see technical details like camera settings (ISO, shutter speed, aperture) for each photo.
- Client Login Area – Develop a private section where clients can access and review their galleries.
This project is open-source and available under the CC0 License.
If you'd like to connect or discuss photography projects, feel free to reach out:
- Instagram: @swaroop2sky
This project was built with the support of Dhruv Jain, a Computer Science Engineering student at Hemvati Nandan Bahuguna Garhwal University (HNBGU). His technical contributions were invaluable in bringing this portfolio to life.