You can visit the live website here: Technophile
This is a personal portfolio website developed to showcase my skills, projects, and experiences. The website is built using MERN Stack, and it features a clean and modern design. It is fully responsive, ensuring it looks great on all devices.
- Responsive Design: The website is optimized for all screen sizes, from mobile phones to desktop computers.
- Project Showcase: A dedicated section to display the projects I have worked on, with descriptions, screenshots, and links to the live projects or their repositories.
- About Me: A section that provides a brief introduction, highlighting my academic background, skills, and interests.
- Contact Form: A simple and effective contact form to allow visitors to get in touch with me directly.
- Social Links: Icons that link to my profiles on various social media platforms, such as LinkedIn and GitHub.
- MongoDB: For database management, storing data related to projects and user interactions.
- Express.js: For handling the server-side logic and APIs.
- React.js: For building the front-end interface of the website.
- Node.js: For running the server and handling backend operations.
To run this project locally, you will need a web browser. You can use any modern browser like Chrome, Firefox, or Edge.
-
Clone the repository:
git clone https://github.com/devaftab/Portfolio.git
-
Navigate to the project directory and install dependencies:
cd backend npm install cd frontend npm install
-
Set up the environment variables:
Create a .env file in the root directory (backend folder) and add the necessary two environment variables
MONGO_URI = mongodb://localhost:27017
PORT=4000 -
Run the development server:: Run backend from root directory
npm run dev
-
Run the frontend:
cd frontend npm run dev
-
Open the website in your browser: Go to http://localhost:5173 to view the portfolio.
Contributing
If you find any issues or have suggestions for improvements, feel free to fork the repository and submit a pull request. Contributions are always welcome!
Contact
If you have any questions or would like to collaborate, feel free to reach out to me: