This repository contains a responsive website created using HTML and CSS. The project was developed as part of the youtube learning project by JavaScript Mastery course(https://www.youtube.com/watch?v=QRrPE9aj3wI).The objective of this project was to practice and refine my knowledge in HTML and CSS.
In the process of working on this project, I gained valuable insights and skills, including:
- CSS Variables: Utilized CSS variables to enhance flexibility and maintainability.
- Importing CSS Files: Learned how to import CSS files into other CSS files for modular styling.
- Creating Smooth Animations: Implemented smooth and subtle animations to enhance user experience.
- BEM Naming Method: Applied the BEM (Block, Element, Modifier) naming convention for more structured and maintainable CSS.
- File and Folder Organization: Maintained a well-organized file and folder structure for efficient development.
To view the website locally, follow these steps:
- Download: Start by downloading the project ZIP file. You can do this by clicking the "Download ZIP" button on the GitHub repository page.
- Extract: Once the download is complete, extract the contents of the ZIP file to your desired location on your computer.
- Navigate: Open a terminal or command prompt and navigate to the project directory using the
cd(change directory) command. For example, if you extracted the project to your desktop, you can navigate to it like this:cd ~/Desktop/project-folder
- Open the project in Visual Studio Code (VSCode).
- Open the terminal and install all dependencies needed by running the command:
npm install - To run the website in a browser, use the command:
npm run dev
Please ensure that you have Node.js and npm installed on your computer before proceeding with the installation.