This is my personal portfolio website built using modern web technologies. The portfolio showcases my projects, skills, and experience, with a visually appealing design and interactive features.
- Dynamic 3D Elements: Built using Three.js for engaging visual experiences.
- Backend Integration: Express.js handles backend operations for server-side logic.
- Contact Form: Integrated with Mailjet for email functionality.
- Database: MySQL used for storing and retrieving dynamic data.
- Frontend: Built with React for a fast and responsive user interface.
- React: For building the user interface.
- Three.js: For creating 3D animations and visuals.
- Express.js: For server-side logic.
- Mailjet: For handling email communication through the contact form.
- MySQL: For managing data storage.
- Hosted on [Your Hosting Provider, e.g., Render, Vercel, Netlify].
Follow these steps to set up and run the portfolio locally:
Ensure you have the following installed:
- Node.js
- MySQL
-
Clone the repository:
git clone https://github.com/your-username/portfolio.git cd portfolio -
Install dependencies:
npm install
-
Set up the database:
- Create a MySQL database.
- Import the SQL file provided in the
databasefolder. - Update the database configuration in
backend/config.js.
-
Set up Mailjet:
- Sign up for a Mailjet account and get your API keys.
- Add the API keys to your environment file (
.env).
Example:
MAILJET_API_KEY=your-mailjet-api-key MAILJET_SECRET_KEY=your-mailjet-secret-key
-
Run the frontend:
cd frontend npm start
- Open
http://localhost:3000in your browser to view the portfolio. - Use the contact form to send messages, which will be processed through Mailjet.
Include screenshots of your portfolio to showcase its design and features.
Feel free to contribute by submitting issues or pull requests. For major changes, please open an issue first to discuss what you would like to change.
This project is licensed under the MIT License - see the LICENSE file for details.
For any questions or feedback, please reach out at [dd9514371@gmail.com].