justinstowe / photography-business-frontend

Photography-business-Portal

This app is a comprehensive platform that allows users to showcase their portfolios, manage their clients and efficiently deliver photo-shoots. While currently under development, I aim to constantly expand its features and capabilities.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgments

About The Project

(back to top)

Built With

• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

Link to webpage: https://photography-business.netlify.app/home/public

The end goal

To create a tool that simplifies a photographer's life and helps them run their business efficiently.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Installation

1. Find and keep hold of your MongoURI
2. Register for a cloudinary account @ https://cloudinary.com and grab your cloud name API key and API Secret
3. Clone the repos

   git clone https://github.com/JustinStowe/Photography-business-Portal-FrontEnd.git
   git clone https://github.com/JustinStowe/Photography-BackEnd

4. Install NPM packages

   npm install

5. Create .env file in Photography-BackEnd and enter your Enter your MongoURI cloud name API key and API Secret in the .env file

   MongoURI = Your mongo uri
   SECRET= a secret you use to secure your jsonWebToken
   CLOUD_NAME= your cloud name here
   API_KEY= your api key
   API_SECRET= your cloudinary api secret

   also in src/pages/NewPhotoPage you are going to want to change the cloud name to your cloud name

   (back to top)

Usage

• Portfolio Page

  • The front and center of the application is a public portfolio page, allowing anyone visiting the website to see the quality of the photographer's work.

  -When the user logs in, the "home page" changes to render their photos instead

  

• Account Page

  -If no user is logged in -If a user is logged in

-Upload new Photo Page

-part 1 a widget to easily handle photo uploads with the ability to see the photos that a user has added to be uploaded

-part 2 allows a user to label each uploaded photo with a title and date

WireFrame

Roadmap

• Portfolio Page
• Upload new photos
• authentication and account management
• authentication of unique users
• Ability to change account details
• Email integration
• Calendly integration
• Full admin account setup
• Interactive client list
• Interactive project ID list
• Admin ability to manage client photos

To see the server side code , please go to the Photography-BackEnd

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Justin Stowe - @shadowangel1234 - [email protected]

Project Link: https://github.com/JustinStowe/Photography-business-Portal-FrontEnd

(back to top)

Acknowledgments

• Dominic- My instructor who saw my potential and cultivated it.
• Marlin- My information dealer, who listened to what I wanted to try to do and always showed me the docs on how to do it
• Steven - My main debug assistant, even though he has his own life to live and job to attend to, he would always have time to work through my code with me.

(back to top)