Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vedhatech002/instagram-ui-tailwind


https://github.com/vedhatech002/instagram-ui-tailwind

Last synced: 27 days ago
JSON representation

Awesome Lists containing this project

README

        

# Instagram Ui Design
---
Instagram Ui design using tailwindcss.

## Table of Contents
- [Project Title](#project-title)
- [Description](#description)
- [Demo](#demo)
- [Internship](#internship)
- [Technologies Used](#technologies-used)
- [Learned lessons](#Learned-lessons)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)

## Description

I have created a created a Instagram Ui using tailwindcss.This is my 6th in my Intership Journey Mentored by Mr. Anbuselvan Rocky. It is fully responsive based on tha screen sizes.

## Demo

### You can Acces it through[live link](https://vedhatech002.github.io/Instagram-Ui-Tailwind/)

### Screenshots

![Instagram Ui in mobile](/assets/sample/mobileview.png)

![Instagram Ui in tablet](/assets/sample/tabletview.png)

![Instagram Ui in laptop](/assets/sample/laptopview.png)

## Internship

This internship is provided by [CyberDude Networks Pvt. Ltd.](https://youtube.com/cyberdudenetworks) as part of the 6-Month Free Internship program, a skill development initiative organized to enhance participants' skills. Mentoring was provided by [Mr. Anbuselvan Rocky](https://instagram.com/anbuselvanrocky). For more information, [you can contact CyberDude Networks here](https://cyberdudenetworks.com).

## Technologies Used

- HTML 5
- Tailwind CSS
- using CLI method

## Learned lessons

I have learned lot of things during this project like how to use mediaquries ,grid system ,show and hide element for responsive purpose and breakpoints configaration based on our needs in Tailwind Css. After Finishing this project I have confident in tailwindcss😇.

## Installation

To install and set up your project locally.
1. Download or Clone this repo
2. Open this cloned folder in your text editors
3. In your terminal run **npx tailwindcss -i ./assets/css/main.css -0 ./assets/css/output.css** this command.
4. Now You run the html file youshould see the output.

## Usage

You can access it through the following link: [view site.](https://vedhatech002.github.io/Instagram-Ui-Tailwind/)

## Contributing

I welcome contributions to enhance and improve this project. Here's how you can get involved:

If you encounter any issues with the project or have suggestions for improvements, please open an issue on our [GitHub issue tracker](https://github.com/vedhatech002/vedhatech002Cv.git/issues). When reporting issues, please provide as much detail as possible, including:

- A clear and concise description of the problem.
- Steps to reproduce the issue.
- Screenshots, if applicable.

If you'd like to contribute code to the project, you can do so by submitting a pull request. Here's how:

1. Fork the project repository to your GitHub account.

2. Clone your forked repository to your local machine.

### Connect with Me
- Connect with me on LinkedIn: [Vijayavedhasekaran K](www.linkedin.com/in/vijayavedhasekaran002)
- Follow me on Instagram: [@vedha_since_2002](https://www.instagram.com/vedha_since_2002/)
- Email: [[email protected]](mailto:[email protected])

Feel free to reach out if you have any questions or would like to collaborate!