Generate professional portfolio websites instantly using your LinkedIn profile data. This project automatically creates personalized websites with AI-enhanced content based on your LinkedIn profile.
🌐 Live Website: LinkedSite
- LinkedIn Integration: Seamless authentication using LinkedIn OAuth2
- Instant Generation: Create portfolio websites with one click
- AI Enhancement: Smart content generation using HuggingFace and LangChain
- Custom Templates: Professional and responsive website templates
- Dashboard: Manage multiple portfolio websites
- Publishing Controls: Publish/unpublish websites as needed
- One-Click Sharing: Easily share your portfolio with others
- Visit LinkedSite
- Click "Sign in with LinkedIn" button
- Authorize the application to access your LinkedIn data
- Once logged in, you'll be redirected to your dashboard
- Click "Generate Website" to create your portfolio
- Preview your generated website
- Publish when ready to share
- Share your unique portfolio URL
-
LinkedIn Authentication
- Click "Sign in with LinkedIn"
- Authorize data access
- Your LinkedIn profile data is securely fetched
-
Dashboard Access
- View all your generated websites
- Manage website visibility
- Create multiple portfolios
-
Website Management
- Generate new websites
- Edit website names
- Toggle publish status
- Delete unwanted websites
- Modern web browser
- LinkedIn account
- Internet connection
- Frontend: React, TailwindCSS
- Backend: Node.js, Express
- Database: MongoDB
- AI: HuggingFace, LangChain
- Authentication: LinkedIn OAuth2
- Clone the repository:
git clone https://github.com/MohammedHamzaMalik/linkedsite.git
cd linkedsite- Install dependencies:
npm run install-all- Create
.envfile from template:
cp .env.example .env- Configure environment variables in
.env
- Go to LinkedIn Developers
- Create a new app
- Add OAuth2 credentials
- Configure redirect URLs
- Update
.envwith credentials
- Create MongoDB Atlas account
- Create new cluster
- Configure database access
- Add connection string to
.env
- Get API key from HuggingFace
- Configure LangChain environment
- Add keys to
.envfile
# Start backend server
npm run dev
# Start frontend (in another terminal)
cd frontend
npm run dev# Build frontend
npm run build
# Start server
npm startlinkedsite/
├── frontend/ # React frontend application
├── utils/ # Utility functions
├── middleware/ # Express middleware
├── server.js # Main server file
├── .env # Environment variables
└── README.md # Project documentation
- OAuth2 authentication
- Rate limiting
- Session management
- Secure cookie handling
- MongoDB authentication
- CORS protection
- Fork the repository
- Create feature branch
- Commit changes
- Push to branch
- Open pull request
MIT License - see LICENSE file for details
- Mohammed Hamza Malik (@MohammedHamzaMalik)
- LinkedIn API
- HuggingFace
- LangChain
- MongoDB Atlas
- Express.js community
- React community