This repository showcases the frontend projects I have completed on the Frontend Mentor platform. Each project has been a step towards enhancing my frontend skills and mastering modern web design. Below, you will find details and links to each project.
Check out the live site for this project.
- Description: This project aims to create a simple and stylish e-commerce product site.
- Technologies: HTML, CSS, React, Tailwind
Check out the live site for this project.
- Description: This project aims to create a simple and stylish contact form.
- Technologies: HTML, CSS, React,
Frontend Mentor projects provide an excellent opportunity to solve real-world UI/UX design challenges. Each project aims to code a specific design to pixel perfection using modern web technologies. The skills I have developed and enhanced through these projects include:
- HTML: Structuring web content with semantic elements.
- CSS: Styling web pages with custom designs and layouts.
- Bootstrap: Utilizing a popular CSS framework to create responsive and mobile-first websites.
- Tailwind: Using a utility-first CSS framework to build custom designs quickly.
- Sass: Writing more maintainable and scalable CSS with a powerful preprocessor.
- Responsive Design: Creating web pages that look great on all devices and screen sizes.
- CSS Grid and Flexbox: Using modern CSS techniques to build complex layouts.
- JavaScript: Adding interactivity and dynamic behavior to web pages.
- DOM Manipulation: Handling user interactions and manipulating the DOM.
- React: Building user interfaces with a component-based architecture.
- Redux: Managing application state in a predictable way.
- Other Frontend Technologies: Exploring various tools and libraries essential for frontend development.
To run the projects on your local machine, follow these steps:
-
Clone this repository:
git clone https://github.com/leventkoybasi/Frontend-Mentor-Challenges
-
Navigate to the project directory and select the project:
cd frontend-mentor-challenges/project-folder-name
-
Install the necessary dependencies (if any):
npm install
-
Run the project:
npm start
Feel free to reach out if you have feedback on my projects or any questions:
- Email: [email protected]
- LinkedIn: /leventkoybasi
- Twitter: /leventkoybasi
This repository is licensed under the MIT License. For more details, see the LICENSE file.
Thank you and happy coding! 🚀