📗 Table of Contents

• 📗 Table of Contents
• PSD to HTML
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Installation
    • Usage
    • Run tests and Fix linter error
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

PSD to HTML

PSD-To-HTML I converted a PSD file into a single page response site. The carousel is responsive. On mobile, the tabs are converted to an accordion. History, team - these are internal links in the page to their respective sections.

🛠 Built With

Tech Stack

Developed using React.

Languages

• JavaScript
• Tailwind CSS

Key Features

• Shows history Los-Angeles mountain and team schedules viewing them

🚀 Live Demo

• Live Demo

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• You need to have a code editor on your computer.

Setup

Clone this repository to your desired folder:

``

• To clone the repository run this command - "https://github.com/Haywayaheadshot/psd-html.git"
• cd psd-html

``

Installation

Install this project with:

``

• npm install

``

Usage

To run the project, execute the following command:

``

• npm start
• npx tailwindcss -i ./src/styles/index.css -o ./dist/output.css --watch

``

Run tests and Fix linter error

To run tests, run the following command:

``

• npm test

``

`` To test a particular file.

• npm test File name. (e.g npm test TechNews.test.tsx)

``

👥 Authors

👤 Abubakar Ummar

• GitHub: @Haywayaheadshot
• LinkedIn: Abubakar Ummar

🔭 Future Features

These are some of the future features we want to add.

• Add more pages

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

Give a ⭐️ if you like this project!

🙏 Acknowledgments

Thank you for checking out my code.

📝 License

This project is MIT licensed.

(back to top)