Front-End Mentor - All Challenges

Welcome to the Front-End Mentor - All Challenges repository! 🎉 This repository contains solutions to various front-end development challenges from Front-End Mentor, a platform that provides real-world projects to help you improve your coding skills.

Each solution is implemented with HTML, CSS, and JavaScript, and where applicable, frameworks like React, NEXT.js may be used to enhance the project's functionality.

Table of Contents

• Overview
• Technologies
• How to Use
• Contributing
• Acknowledgments

Overview

This repository serves as a collection of all the challenges I have completed from Front-End Mentor. Each challenge is organized in its own directory with the respective files and folders required to run the project.

Why Front-End Mentor?

Front-End Mentor provides real-world frontend challenges to help developers hone their skills in a hands-on way. These challenges range in difficulty from beginner to advanced, covering essential aspects of web development like:

• Responsive web design
• CSS layout techniques (Grid, FlexBox)
• Accessibility
• JavaScript interactivity
• Advanced JavaScript frameworks (React, NEXT.js)

⏲ Stay tuned for more challenges as they are added!

Each challenge folder contains the following:

• README.md: A challenge-specific README with details about the project, including screenshots and live demo links.
• index.html: The main HTML file for the challenge.
• style.css: The styles for the challenge.
• app.js: The JavaScript file (if applicable).
• assets/: Any images or other assets used in the challenge.

Technologies

The challenges are built using the following technologies:

• HTML5: Markup for structuring content.
• CSS3: For styling and responsive designs.
• JavaScript: For adding interactivity and dynamic elements.
• Frameworks/Libraries (for advanced challenges):
  • React
  • NEXT.js

How to Use

To view any project:

1. Clone the repository:

   git clone https://github.com/mahmud035/Front-End-Mentor-All-Challenges.git

2. Navigate to the folder of the challenge you're interested in:

   cd challenge-1

3. Open the index.html file in your browser or use a local development server like Live Server.

Alternatively, you can visit the live demo links provided in each challenge's README.

Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page if you want to contribute or report a bug.

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes and commit them (git commit -m 'Add new feature').
4. Push to the branch (git push origin feature-branch).
5. Open a pull request.

Acknowledgments

These challenges were created by Frontend Mentor and completed by mahmud035.

Feel free to explore, contribute, or suggest improvements!