GiardDesign is a dynamic landing page project created based on a provided blueprint from Figma. While the initial design concept was provided, I took charge of independently developing the website's logic, user experience, and mobile design. This project originated during a recruitment process for a certain company, and later, I proactively enhanced it by incorporating additional features and improvements.
GiardDesign is built using Tailwind CSS & vanilla JavaScript, in alignment with the company's guidelines.
GiardDesign comes with several great features:
- Search Navigation: Easily find what you need.
- Dropdown: Quick information and access to a specific section.
- Mobile Navigation: Smooth, elegant, and accessible.
- Interactive Slider: Engaging content presentation.
- Popup Gallery: Stunning image displays.
- Transitions and Animations: Modern and smooth visual effects.
- Modern and Responsive Design: Looks great on all devices.
To run and build the project with Tailwind CSS, follow these steps:
Make sure you have the following software installed on your system:
- Node.js
- npm (Node Package Manager)
-
Clone the repository:
git clone https://github.com/adrian-prajsnar/giarddesign.git
-
Navigate to the project folder:
cd your-project -
Install the project dependencies:
npm install
npm run startlive-server.cmdI welcome contributions from the community to enhance and improve this project. To contribute, please follow these steps:
- Fork the project repository.
- Create a new branch for your feature or bug fix:
git checkout -b feature/your-feature-name. - Make your changes and commit them with clear, descriptive messages.
- Push your branch to your fork:
git push origin feature/your-feature-name. - Submit a pull request to the main repository, explaining the purpose and changes of your contribution.
I appreciate your contributions and will review and merge them as appropriate. Let's make this project better together!
This project is licensed under the MIT License.