This Microsoft clone is made by Tailwind CSS and some JavaScript. It is just the first page but more pages can also be added to it.
- I used the Tailwind CSS library for making this clone, and the results are quite satisfatory.
- Some amount of JavaScript is also used in the project.
- Time taken for making this was quite less it took just 4-5 days with 3-4 hours of work each day.
- The carousel was made from the scratch with the help of plain vanilla JavaScript and CSS transition effects.
- Drop down menues are also make with JavaScript and CSS Transition efects for both the PC and Mobile site.
- Fully Reponsive site.
- Tailwind
- JavaScript
- CSS
- HTML
-
JavaScript Functions: I gained a solid understanding of JavaScript, including Timers, window scroll function allowing me to build dynamic user interfaces.
-
Responsive UI Design: Styled Components were used to create responsive and visually appealing user interfaces that adapt to various screen sizes.
-
Git Version Control: I practiced effective version control using Git, allowing for code management, and tracking project changes.
By building "The Microsoft Home Page Clone" project with these technologies and concepts, I've developed a comprehensive set of skills and knowledge that can be applied to future projects and real-world scenarios. This experience has not only expanded my technical expertise but also improved my problem-solving capabilities.
- Clone this repo:
git clone https://github.com/HIMANSHU6001/MicrosoftHomePageClone- Install dependencies:
npm install- Build command:
npm run build- Live server:
npm run dev👤 Himanshu Kaushik
- LinkedIn - @HIMANSHU6001
- Frontend Mentor - @HIMANSHU6001
- Github: @HIMANSHU6001
Feel free to contact me with any questions or feedback!