Frontend Mentor Challenge Projects

My Page

Hello! 👋

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.

Project List

Project 1: e-commerce product

• Description: This project aims to create a simple and stylish e-commerce product site.
• Technologies: HTML, CSS, React, Tailwind
• Live Preview: Demo

Why These Projects?

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.

Setup and Run

To run the projects on your local machine, follow these steps:

1. Clone this repository:

   git clone https://github.com/leventkoybasi/Frontend-Mentor-Challenges

2. Navigate to the project directory and select the project:

   cd frontend-mentor-challenges/project-folder-name

3. Install the necessary dependencies (if any):

   npm install

4. Run the project:

   npm start

Contact

Feel free to reach out if you have feedback on my projects or any questions:

• Email: leventkoybasi@hotmail.com
• LinkedIn: /leventkoybasi
• Twitter: /leventkoybasi

License

This repository is licensed under the MIT License. For more details, see the LICENSE file.

---

Thank you and happy coding! 🚀