top of page

My Work

Here are some of my projects. You can go through each of them and can get the git repositories link of the projects.

Worker with Ladder
amazon-clone-pic.PNG

01

The Amazon Clone is a front-end web project designed to replicate the user interface of Amazon's homepage, utilizing only HTML and CSS. This project focuses on creating a responsive and visually accurate representation of key elements such as the header, navigation bar, product grid, and footer. The layout is structured with semantic HTML, while the design and styling capture Amazon's look and feel through CSS, including the use of flexbox and grid for layout, media queries for responsiveness, and attention to details like hover effects and button styling. Though static, this clone provides a strong foundation for practicing core web development skills.

02

The Netflix Clone is a front-end project built using HTML and CSS, designed to mimic the appearance and layout of Netflix's homepage. This project emphasizes creating a sleek, responsive interface that includes key sections like the navigation bar, featured content slider, and grid-style listings for movies and shows. The structure is carefully crafted with HTML, while CSS handles the styling to recreate the platform’s modern, dark-themed design. Flexbox and grid techniques ensure proper alignment and spacing, and media queries provide a responsive experience across different devices. While static, this clone serves as a practical exercise in mastering front-end design fundamentals.

nf clone 01.PNG
tictactoe.PNG

03

The Tic-Tac-Toe Game is a simple interactive project built using HTML, CSS, and JavaScript. It allows two players to compete in the classic 3x3 grid game, where they take turns marking Xs and Os. JavaScript handles the game logic, determining the winner or declaring a tie, while HTML structures the grid and CSS provides styling for the board and player markers. The project demonstrates basic DOM manipulation, event handling, and dynamic content updates, offering a fun way to apply core front-end development skills.

04

Rock-Paper-Scissors

The Rock-Paper-Scissors Game is a dynamic web project created using HTML, CSS, and JavaScript. Players can compete against the computer by selecting rock, paper, or scissors, with JavaScript managing the game logic to determine the winner based on classic rules. The HTML structures the interface, while CSS adds visual appeal with styled buttons and animations. JavaScript enhances the interactivity, handling user inputs, generating computer choices, and displaying the results. This project showcases the practical use of conditional logic, DOM manipulation, and event listeners, offering a fun way to engage with front-end development.

rockpaperscissors.PNG

© 2035 By Rachel Smith. Powered and secured by Wix

bottom of page