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.
- Live link - https://ankit-matth-portfolio.vercel.app/
myPortfolioScreenRecording.mp4
- HTML, CSS, TypeScript
- MongoDB, Express, React.js, Node.js
- 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.
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.git2. Go to the project directory:
cd my-portfolio3. Install all dependencies for backend:
npm install4. Navigate to frontend:
cd frontend5. Install all dependencies:
npm install6. Navigate back to my-portfolio directory:
cd ..7. Start development server:
npm start8. Visit http://localhost:3000 to see the magic.