Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ridwanullahi-code/plumbing-website
Plumbing Services website is a web-based platform that showcases the plumbing services offered by a plumbing company. The website is designed to provide users with information about the company's services, team, and contact details. Built with React, Redux TailwindCSS
https://github.com/ridwanullahi-code/plumbing-website
css javascript plumbing reactjs tailwind tailwindcss
Last synced: about 1 month ago
JSON representation
Plumbing Services website is a web-based platform that showcases the plumbing services offered by a plumbing company. The website is designed to provide users with information about the company's services, team, and contact details. Built with React, Redux TailwindCSS
- Host: GitHub
- URL: https://github.com/ridwanullahi-code/plumbing-website
- Owner: Ridwanullahi-code
- Created: 2023-01-21T14:03:15.000Z (almost 2 years ago)
- Default Branch: development
- Last Pushed: 2024-07-15T17:16:32.000Z (6 months ago)
- Last Synced: 2024-07-15T21:13:02.397Z (6 months ago)
- Topics: css, javascript, plumbing, reactjs, tailwind, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 6.68 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## **Project Demo**
[Live Demo](https://kasbass-nigeria-enterprises.netlify.app/)
## **Description**
**Plumbing Services website** is a web-based platform that showcases the plumbing services offered by a plumbing company. The website is designed to inform users about the company's services, team, and contact details.
**Features:**
- Home page: A landing page overviews the company's services and highlights its unique selling points.
- About Us: A page that provides information about the company's history, team, and values.
- Services: A page that lists the plumbing services offered by the company and provides detailed information about each service.
- Testimonials: A page that displays testimonials from satisfied customers to build trust and credibility.
- Contact Us: A page that provides contact information, such as phone number, email address, and a contact form, for users to get in touch with the company.
**Frontend Technology Stack:**
- Setup project with [React](https://github.com/microverseinc/curriculum-react-redux/blob/main/math-magicians/lessons/what_is_react.md)
- JavaScript: To enhance user interactions and create dynamic effects.
- [TailwindCSS](https://tailwindcss.com/docs/installation): To build the user interface and create a responsive design.
- Bootstrap or Material-UI: To style the website and create a modern and professional look.
- Use [Gitflow](https://github.com/microverseinc/curriculum-transversal-skills/blob/main/git-github/gitflow.md).
- Google Maps API: To display the location of the company and enable users to get directions.
**Project Deliverables:**
- A functional and responsive website that meets the requirements specified in the project description.
- Source code with proper documentation.
- User manual and installation instructions.
- Understand the using of [HTML & CSS best practices](https://github.com/microverseinc/curriculum-html-css/blob/main/articles/html_css_best_practices.md)
- Use GitHub flow
## **Prerequisites:**
- Basic Knowledge of HTML & CSS
- Basic Knowledge of [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) & [ES6](https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/lesson_es6-what_is_it_about.md) syntax
- Basic Knowledge of [React Setup](https://reactjs.org/docs/getting-started.html) setup
- [Tailwind CSS](https://tailwindcss.com/docs/installation)
## **Build With:**
- HTML
- CSS
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- [React]((https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/webpack_v1_1.md))
- [Tailwind CSS](https://tailwindcss.com/docs/installation)
## **SETUP**
To make use of this project, kindly run any of the following commands.
```
git clone https://github.com/Ridwanullahi-code/plumbing-website.git
```
or
```
git clone [email protected]:Ridwanullahi-code/plumbing-website.git
```
## **INSTALL**
```
npm install
```
## **Run On Server**
To run the project on the server, run the below command
```
npm start
```
## **Run Test**
To test run the project
## **Show your support**
Give a ⭐️ if you like this project!
## **Authors**
- Github: [Ridwan](https://github.com/Ridwanullahi-code)
- LinkedIn: [Ridwan](https://www.linkedin.com/in/ajayi-ridwan/)
## 🚀 **About Me**
I'm a full stack software developer, Computer science, and Microverse student.
**Stack:** Python, JavaScript, Bootstrap, Ruby, Rails, React, Redux. Available for hire!
## 🤝 **Contributing**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Ridwanullahi-code/plumbing-website/issues/)
## **Acknowledgements**
- [Microverse](https://www.microverse.org/)
## **License**
This project is [MIT](https://choosealicense.com/licenses/mit/LICENSE) licensed.