My Portfolio

I developed my portfolio using the MERN stack, incorporating TypeScript and React-Bootstrap for enhanced functionality and styling. Through this project, I gained a deep understanding of MongoDB for efficient data storage, Express for backend routing and API development, React.js for dynamic UI creation, Node.js for server-side execution, TypeScript for improved code quality, and React-Bootstrap for streamlined frontend design. This hands-on experience in full-stack web development has emphasized the importance of integrating different technologies to create robust and user-friendly applications.

Quick Demo

• Live link - https://ankit-matth-portfolio.vercel.app/

myPortfolioScreenRecording.mp4

Technologies Used

1. HTML, CSS, TypeScript
2. MongoDB, Express, React.js, Node.js
3. Typescript Syntax Extension, React-Bootstrap

Building this project felt like going on a coding adventure where each line of code taught me something new. I mainly concentrated on TypeScript, which helped me understand things like managing different types of events and components in React. Overall, this project wasn't just about writing code; it was a practical learning experience that really helped me grow as a web developer.

Getting Started

Note: Make sure Node.js (npm) is installed before proceeding.

Follow the steps below to install and run the project on your local machine.

1. Clone this repository:

git clone https://github.com/Ankit-Matth/my-portfolio.git

2. Go to the project directory:

cd my-portfolio

3. Install all dependencies for backend:

npm install

4. Navigate to frontend:

cd frontend

5. Install all dependencies:

npm install

6. Navigate back to my-portfolio directory:

cd ..

7. Start development server:

npm start

8. Visit http://localhost:3000 to see the magic.