- List of practice projects that I have done to improve my skills.
🔗 TReact
💻 HTML5 CSS
- Established the foundational HTML structure for the website.
- Linked the CSS file to the HTML document.
- Created a
*Universal Selector to reset all default styles. - Developed and applied CSS styles for the website.
- Implemented reusable CSS classes for consistent styling.
- Incorporated @media queries to ensure responsive design.
- Added JavaScript functionality to create a hamburger menu.
- Enhance class naming conventions by learning more about the BEM (Block Element Modifier) methodology.
- Explore SASS to improve the readability and maintainability of the CSS code.
🔗 E-book
💻 HTML5 CSS JavaScript
- Created a simple e-book website with a navigation bar and a content section.
- Implement a more complex design with additional features.
- Implement the data using an API.
🔗 Portfolio
💻 HTML5 CSS JavaScript
- Developed a portfolio website to showcase my projects and skills.
- Implemented a responsive design using CSS Flexbox and Grid.
- Add more projects to the portfolio.
- Implement a more elaborate design with animations and transitions.
🔗 Zelda Wiki
💻 HTML5 CSS JavaScript API
- Created a character search engine for the Legend of Zelda series. Implemented the search functionality using the Zelda API.
- Implement additional features such as filtering and sorting options.
- Improve the design and layout of the website.
- Moving project to React.
🔗 Calculator
💻 HTML5 CSS
- Developed a simple calculator using HTML and CSS.
- Implemented the basic functionality of a calculator using JavaScript.
- Styled the calculator using CSS Grid.
- Implement additional features such as scientific functions.
- Improve the design and layout of the calculator.
- Add keyboard support for the calculator.