Skip to content

Responsive web design 300 hours course completion and projects

Notifications You must be signed in to change notification settings

Harsh19012003/Free_code_camp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FreeCodeCamp Responsive Web Design Projects 📚

This repository contains my successfully completed projects for the Responsive Web Design certification from FreeCodeCamp.

Projects 🚧

  1. Tribute Page: 🙇 This project is a tribute page dedicated to Elon musk. It includes responsive simplistic design worked with images, links and css stylers. View the project here.

  2. Survey Form: 📋 The survey form project demonstrates my skills in creating a responsive form using HTML and CSS. It collects basic info like name, age, your role, recommandation status and additional comments. Check out the project here.

  3. Product Landing Page: 📦 The product landing page showcases Handcrafted, home-made trombones. It features use of flexbox, navbar and cards along with yputube video for the same and pricing offers. Visit the project here.

  4. Technical Documentation Page: 🖨 This project serves as a technical documentation page for Javascript. It provides comprehensive information on Introduction to JS, Javascript and Java, variables, scope, datatypes, conditionals and loops with external references. Access the project here.

  5. Personal Portfolio Webpage: 💼 The personal portfolio webpage showcases my skills, projects, and experience as a web developer. It includes my basic info, contact details and interactive projects in form of flexbox cards. Explore the project here.

What I've Learned 📚

Throughout the FreeCodeCamp Responsive Web Design course, I've gained valuable knowledge and skills in various areas, including:

  • Building responsive and mobile-friendly websites using HTML and CSS.
  • Structuring webpages with semantic HTML elements.
  • Applying CSS Grid and Flexbox for flexible and dynamic layouts.
  • Implementing media queries to create responsive designs for different screen sizes.
  • Creating forms and collecting user input using HTML form elements.
  • Utilizing CSS frameworks and libraries for streamlined web development.
  • Implementing accessibility best practices to ensure inclusive web experiences.

Skills and Expertise 🎯

As a result of completing the Responsive Web Design course, I have developed the following skills and expertise:

  • Proficiency in HTML, CSS, and related web technologies.
  • Ability to create responsive and visually appealing webpages.
  • Understanding of modern web design principles and best practices.
  • Experience in building interactive forms and collecting user data.
  • Familiarity with CSS frameworks and libraries for rapid development.
  • Knowledge of accessibility guidelines and techniques for inclusive design.

Getting Started 🏃‍♂️

To view the projects locally or make any modifications, follow these steps:

  1. Clone the repository:

    git clone https://github.com/Harsh19012003/Free_code_camp_projects.git
    
  2. Navigate to the project directory:

    cd Free_code_camp_projects
    
  3. Open the desired project folder and explore the code.

Feedback 📝

If you have any feedback, please reach out to us at harshdevmurari007@gmail.com

Author 👨🏻‍💻