shahzadameerofficial/shahzadameerofficial.github.io

A Modern Developer Portfolio built in react with Admin Panel and Firebase Integration allow user to read and update portfolio credentials.

A Modern Developer Portfolio

This is a dynamic and customizable portfolio application built with React for web developers to showcase their skills, experience, and projects in a professional and engaging manner.

Key Features:

• Admin Panel: Seamlessly manage your portfolio content, including details, projects, services, contact - information, social links, headlines, and more.
• Robust Authentication: Secured by Firebase Authentication, ensuring unauthorized access is restricted.
• Firebase Integration: Leverages Firebase for user authentication and Firestore for flexible data storage (projects, services, about, contact details).
• Firebase Storage: Upload images and CV/resume files directly through the admin panel, hosted securely using Firebase Storage.
• React Redux: Manages application state and variables efficiently, including storing API keys for a secure development environment.
• Elegant Design: Utilizes Bootstrap, Animate on Scroll (AOS), Venobox, Google Fonts, and other popular - libraries to create a visually appealing and user-friendly experience.

Tech Stack:

React Redux Firebase (Authentication, Firestore, Storage) Bootstrap AOS Venobox Google Fonts Icofont Boxicons jQuery Owl Carousel Isotope Layout

Installation and Setup

Clone this repository: git clone https://github.com/shahzadameerofficial/shahzadameerofficial.github.io.git Install dependencies: npm install (or yarn install) Create a .env file to store your Firebase API keys and other sensitive information (exclude this file from version control). Follow Firebase's documentation to set up your project and obtain the necessary configuration details. Configure the .env file with your Firebase project details. Start the development server: npm start (or yarn start) Deployment

Refer to the chosen deployment platform's documentation for specific instructions. Remember to exclude the .env file from deployment.

Contributing

We welcome contributions to this project! Please create pull requests to share your improvements.

License

This project is licensed under the MIT License: https://opensource.org/licenses/MIT (see LICENSE.md for details).

.env File Handling:

Never commit the .env file to your repository. Use a .gitignore file to prevent accidental commits. Firebase API Keys: Store Firebase API keys and other sensitive information securely outside of version control (e.g., environment variables). Regular Updates: Maintain your dependencies updated to address potential vulnerabilities. Additional Tips

Consider creating a demo or live preview of your portfolio app to showcase its functionality. Provide clear instructions for customization, allowing users to tailor the app to their preferences. Include visual assets like screenshots to enhance the README's visual appeal.