Shutter Sphere of Photography is a modern web application designed to connect clients with photographers based on their location and specialization. The platform offers a seamless experience for both photographers and clients, enabling them to manage profiles and book services efficiently.
- Photographer Search: Users can search for photographers based on location and specialization. This allows clients to find the best match for their photography needs.
- Photographer Profile Creation: Photographers can sign up and create detailed profiles that include their name, email, phone number, city, specialization, experience, portfolio, and more.
- Search Filters: Advanced filters to help users narrow down their search by location, specialization, and other parameters.
- Profile Icon: Easy access to the user’s profile via a clickable icon on the top right corner of the page.
- Responsive Design: The website is fully responsive, providing an optimal experience on mobile devices, tablets, and desktops.
- Admin Panel: Admins can manage the photographers and clients (This can be an additional feature to be added later).
This project was built using a modern tech stack to ensure a smooth and responsive user experience.
- React.js: The frontend of the website is built using React.js, allowing for a dynamic and responsive interface.
- Custom CSS: I wrote custom CSS to handle layout, styling, and responsiveness. The design ensures that the application is visually appealing and user-friendly.
- Icons: FontAwesome was used for various icons throughout the application, providing intuitive and recognizable symbols for the user interface.
- Node.js & Express: The backend of the website is built using Node.js and Express.js. It handles requests such as searching for photographers, submitting forms, and user authentication.
- MongoDB: MongoDB is used for the database to store user data, photographer profiles, and other relevant information.
- API: An API was created to handle search queries and retrieve data from the database. It supports searching photographers by location and specialization.
- JWT Authentication: JSON Web Tokens (JWT) are used for secure user authentication. Users can log in to their account, manage their profile, and make sure their data is protected.
- Form Handling: The forms for photographer registration and search inputs are built with React's state management, ensuring smooth user interaction.
A profile icon is included on the top right corner of the page, which allows users to quickly navigate to their profile section. This icon changes based on whether the user is logged in or not.
- Project Overview: Describes the purpose and main features of the project.
- Figma Design: Provides a link to your Figma design for reference.
- Features: Lists the main features available in the app, like search functionality, profile creation, and others.
- Tech Stack: Outlines the technologies you used for both frontend and backend.
- Installation Instructions: Explains how to clone and run the project locally.
- How It Works: Details how the application operates from a user perspective.
- Screenshots: You can replace the placeholder image links with actual screenshots.
- Contributing: Provides instructions for anyone who wants to contribute to the project.
- License: Specifies the license under which your project is distributed.
- Contact: Provides ways for users to reach you for any queries or feedback.
Feel free to customize the links (like Figma and GitHub) and any other details for your project!