Skip to content

harshk106/Front-end_projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

Front-end_projects

This repository contains a collection of front-end beginner projects that can help you practice HTML, CSS, and JavaScript. These projects are designed to provide hands-on experience and reinforce your understanding of front-end web development concepts.

Project List

  1. Project Name: Age Calculator

    • Description: A user-friendly web application to calculate a person's age in years, months, and days based on their birthdate.
    • Technologies: HTML, CSS , JavaScript
  2. Project Name: Tip Calculator

    • Description: A simple web application to quickly calculate the tip amount based on the bill total and desired tip percentage.
    • Technologies: HTML, CSS
  3. Project Name: To-Do List

    • Description: An interactive to-do list application with add, delete, and mark as complete functionality.
    • Technologies: HTML, CSS, JavaScript
  4. Project Name: Image Slider

    • Description: An image slider component that displays a set of images in a slideshow format.
    • Technologies: HTML, CSS, JavaScript
  5. Project Name: Weather App

    • Description: A weather application that fetches and displays the current weather information for a given location.
    • Technologies: HTML, CSS, JavaScript, API integration

Getting Started

  1. Clone the repository: git clone <repository-url>

  2. Navigate to the project folder: cd <project-folder>

  3. Open the project in your preferred code editor.

  4. Explore the project files and folders to understand the project structure.

  5. Modify the HTML, CSS, and JavaScript files to make changes and customize the projects as desired.

Contributing

Contributions to this repository are welcome! If you have any improvements or additional beginner-friendly projects to share, feel free to open a pull request.

When contributing, please follow these guidelines:

  • Clearly describe the project and its purpose in the project list section.
  • Provide the project description, technologies used, and any relevant details.
  • Ensure the project is suitable for front-end beginners and follows best practices.
  • Include clear instructions on how to get started with the project.

About

Beginner level projects

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published