https://github.com/himalayasingh3/front-end-projects

A collection of Front-End Projects built using HTML, CSS, and JavaScript. This folder showcases various web development projects, demonstrating skills in responsive design, interactive features, and dynamic content creation. Each project highlights different aspects of front-end development, from landing pages to web apps.
https://github.com/himalayasingh3/front-end-projects

aceternity-ui css firebase html javascript mui reactjs sass scss shadcn-ui tailwind

Last synced: 7 months ago
JSON representation

A collection of Front-End Projects built using HTML, CSS, and JavaScript. This folder showcases various web development projects, demonstrating skills in responsive design, interactive features, and dynamic content creation. Each project highlights different aspects of front-end development, from landing pages to web apps.

• Host: GitHub
• URL: https://github.com/himalayasingh3/front-end-projects
• Owner: HimalayaSingh3
• License: mit
• Created: 2024-06-26T05:49:21.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-30T14:21:42.000Z (10 months ago)
• Last Synced: 2025-01-25T14:12:23.463Z (9 months ago)
• Topics: aceternity-ui, css, firebase, html, javascript, mui, reactjs, sass, scss, shadcn-ui, tailwind
• Language: HTML
• Homepage: https://front-end-projects-phi.vercel.app
• Size: 71.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: News App/index.html
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🌟 Frontend Projects Showcase 🌟

Welcome to my Frontend Projects Showcase! This repository contains a collection of my frontend development projects, showcasing my skills and creativity in building interactive web applications.

## 📖 Table of Contents

- [Introduction](#introduction)

- [Projects](#projects)

- [Technologies Used](#technologies-used)

- [Installation](#installation)

- [Usage](#usage)

- [Contributing](#contributing)

- [License](#license)

## 🎉 Introduction

As a passionate frontend developer, I love creating beautiful and functional user interfaces. This repository is a reflection of my journey, featuring various projects that highlight my ability to design and develop engaging web experiences.

## 🚀 Projects

Here are **100** standout projects in this repository:

### Original 50 Projects

1. **🌈 Color Palette Generator**

2. **📚 Personal Blog**

3. **🛒 E-commerce Store**

4. **🎨 Portfolio Website**

5. **🏨 Hotel Booking Website**

6. **🍔 Restaurant Website**

7. **📸 Photography Portfolio**

8. **🏋️‍♂️ Fitness Tracker**

9. **🔑 Password Generator**

10. **📱 QR Code Generator**

11. **☀️ Weather App**

12. **🎮 Tic-Tac-Toe Game**

13. **🔗 Link Shortener**

14. **🎨 Drawing App**

15. **⏰ Alarm Clock**

16. **😂 Meme Generator**

17. **💬 Chat Application**

18. **📄 Online Form Builder**

19. **🌍 Text Translator**

20. **🎹 Playable Piano**

21. **🖼️ Image Resizer**

22. **📅 Dynamic Calendar**

23. **📥 File Downloader**

24. **♟️ Chess Game**

25. **🏎️ Car Racing Game**

26. **🔗 Connect Game**

27. **🐍 Snake Lander Game**

28. **🧩 Word Guessing Game**

29. **🕰️ Analog Watch**

30. **🖌️ Photo Editor**

31. **🎵 Music Player**

32. **🧮 Calculator**

33. **🪄 Rock-Paper-Scissors Game**

34. **📝 Note-Taking App**

35. **💾 Text File Saver**

36. **📖 Dictionary App**

37. **🐍 Snake Game**

38. **📈 Stock Trading App**

39. **⏱️ Stopwatch**

40. **🔤 Text to Word Converter**

41. **✅ Todo List App**

42. **🐦 Twitter Clone**

43. **⌨️ Typing Speed Test App**

44. **📊 Admin Panel Dashboard**

45. **💬 WhatsApp Clone**

46. **🎥 Video to Audio Converter**

47. **💬 Random Quote Generator**

48. **❓ Online Quiz Website**

49. **🐉 Dragon Game**

50. **🖼️ Drag & Drop Image Upload**

## 🛠️ Technologies Used

I utilize a variety of technologies in my projects, including:

- HTML 🏗️

- CSS 🎨

- JavaScript ⚡

- React ⚛️

- Tailwind CSS 🌊

- Bootstrap 🥤

## 📥 Installation

To run any of these projects locally, follow these steps:

1. Clone the repository:

   ```bash

   git clone https://github.com/HimalayaSingh3/Front-End-Projects.git

   ```

2. Navigate to the project directory:

   ```bash

   cd Front-End-Projects

   ```

3. Install dependencies (if applicable):

   ```bash

   npm install

   ```

4. Start the development server:

   ```bash

   npm run dev

   ```

5.Open your web browser and visit `http://localhost:3000` (or the specified port) to view the project.

## 💻 Usage

Feel free to explore each project by clicking on the live demo links above or by running them locally as described in the installation section.

## 🤝 Contributing

I welcome contributions! If you'd like to help improve any of these projects, please follow these guidelines:

1.Fork the repository.

2.Create a new branch for your feature or bug fix.

3.Make your changes and ensure everything functions correctly.

4.Commit your changes and push the branch to your forked repository.

5.Submit a pull request detailing your changes.

## 📄 License

This project is licensed under the [MIT License](LICENSE). Feel free to use it as inspiration for your own frontend projects!

---

Thank you for visiting my Frontend Projects Showcase! I hope you find it inspiring and informative! 😊✨