A modern Instagram clone built with React
- Like and comment functionality
- User following system
- Mobile design
- Node.js
- npm or yarn
- Modern web browser
- Clone the repository
git clone https://github.com/your-username/instagram-clone.git
cd instagram-clone
- Install dependencies
npm install
# or
yarn install
- Set up environment variables
cp .env.example .env
Edit the .env
file with your configuration details.
- Start the development server
npm start
# or
yarn start
The application will be available at http://localhost:3000
- React - Frontend framework
Our project follows a structured branching strategy to maintain organization and clarity in our development workflow.
main
- Production branch containing stable releasesdevelop
- Main development branch where features are integrated
All branches should follow these prefix conventions:
Prefix | Purpose | Example |
---|---|---|
feature/ |
New features | feature/photo-filters |
bugfix/ |
Bug fixes | bugfix/login-validation |
hotfix/ |
Urgent production fixes | hotfix/server-crash |
release/ |
Release preparation | release/v1.2.0 |
docs/ |
Documentation updates | docs/api-guide |
-
Feature Development
# Create a new feature branch git checkout develop git checkout -b feature/new-feature-# # After development is complete git pull origin develop git checkout develop git merge feature/new-feature
-
Bug Fixes
# Create a bug fix branch git checkout develop git checkout -b bugfix/issue-description
-
Hotfixes
# Create a hotfix branch from main git checkout main git checkout -b hotfix/critical-fix # After fixing, merge to both main and develop git checkout main git merge hotfix/critical-fix git checkout develop git merge hotfix/critical-fix
- Create branch from
develop
- Develop and commit changes
- Push branch to remote
- Create Pull Request
- Code review and approval
- Merge to
develop
- Instagram for inspiration
- React community for excellent documentation