Loading repository data…
moinulhasan45777 / repository
Emergency-Service-TailwindJS
"Emergency Service Directory" is a fully responsive project for mobile and desktop screens created using HTML, Tailwind CSS & JavaScript. This project was a graded assignment for the Complete Web Development Course offered by Programming Hero. The project involved recreating a website provided on Figma while also incorporating a challenge section.
#css3#html5#tailwindcss#vanilla-javascript
Live repository statistics
★ 0Stars
⑂ 0Forks
◯ 0Open issues
◉ 0Watchers
README preview
Emergency Service Directory - Tailwind & JavaScript
Description
"Emergency Service Directory" is a fully responsive project for mobile and desktop screens created using HTML, Tailwind CSS & JavaScript. This project was a graded assignment for the Complete Web Development Course offered by Programming Hero. The project involved recreating a website provided on Figma while also incorporating a challenge section of my own which further strengthened my grasp of the technologies used. It's worth noting that the project received full marks just like my other ones, demonstrating the successful implementation of the required features, design and functionality.
Table of Contents
Demo
You can view the live demo of the project here.
Features
- Navbar with the website Logo some useful information like number of favorites, coins and copies.
- Banner section with a Heading and a sub heading.
- Main section contains the listed emergency number cards sub-section on the left side and a call history sub-section on the right side of the screen.
- Each number cards contains a title, sub category, the number itself, category, a copy button to copy the number and a call button to place a call.
- The 'Call History' subsection contains a 'Clear' button to clear all history.
- It is fully responsive for mobile phones and desktop screens
Installation
- Clone the repository:
git clone https://github.com/moinulhasan45777/Emergency-Service-TailwindJS.git - Navigate to the project directory:
cd Emergency-Service-TailwindJS
Usage
Open the index.html file or the demo link in a web browser to explore the website and experience its layout and features.
Technologies Used
- HTML5
- CSS3
- Tailwind CSS
- Vanilla JavaScript
Credits
This project was completed by me as part of the Complete Web Development Course by Programming Hero. The course provided the necessary resources, including visual assets and images, for building the website. Special thanks to the instructors and mentors for their guidance and support.