This repository contains the code of a Portfolio using React.js, Bootstrap, Animate CSS & Materials Icon. The project creates the visual designs, animations, different sections & all other parts which are required and necessary for building a Portfolio.
👉 Responsive design: The web page adapts to different screen sizes, ensuring a consistent user experience on desktop & mobile devices.
👉 Interactive components: The page includes interactive elements such as buttons, cards, animations & other hover effects on buttons.
👉 CSS styling: The stylesheets provide a sleek and modern look.
👉 Animations: Very smart & simple animations appears when switching into different sections.
👉 UI Tracking: By using Trackvisiblity, the current position of user on the page can be tracked down in order to improve UI experience.
👉 Dynaimc Switching: A single click on Navbar can shift you dynamically from one section to another.
👉 Feedback: Send your valuable feedback to me via Node-Mailer mailing server.
- React - UI Library
- Bootstrap 5 - CSS Framework
- Prettier - Code Formatter
- Material Icons - Material UI Icons
- Node Mailer - Mailing Server
- Animate.css - Animations
To get started with this project, follow these steps:
- Clone the repository:
git clone https://github.com/Mubassim-Khan/Portfolio-
Open the project in your preferred code editor.
-
Install the project dependencies using npm:
npm install- Run the project
npm run dev- Open http://localhost:3000 to view it in your browser.
This project is licensed under the MIT License.
Contributions to this project are welcome. If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
- Copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
- This project is a task from TechnoHacks Edu Tech, as a part of Internship Program.
If you have any questions, suggestions, or feedback, you can reach out to the project maintainer:
- LinkedIn : Mubassim Ahmed Khan
- Email: [email protected]