Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/vedhatech002/gpay-ui


https://github.com/vedhatech002/gpay-ui

Last synced: 27 days ago
JSON representation

Awesome Lists containing this project

README 

        
# Googlepay Ui Design

 ---

Google pay 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 GooglePay  Ui using tailwindcss.This is my 7th task in my Intership Journey Mentored by Mr. Anbuselvan Rocky. It is reponsive only mobile responsive in website view it has a fixed mobile width.



## Demo



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



### Screenshot

   

![Instagram Ui in mobile](/public/img/screenshot.gif)

    



## 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

- Vite vannila js  



## Learned lessons



 I have learned lot of things during this project like how to configure vite server and how to deploy vite without error.while deployment I have lot of errors and css didn't work!.To fix this issue my collegues suggest me to configure using **npm run build** after complete the devlopment process. when using **npm run build** method in terminal it will configure minified version of our project folder called **dist** . In that dist folder have minified version of css. Then I link that css file into my index.html file(not minified version). and comment the main.css linking and push the entire code to github.Then it will works😇. 



## 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. Comment the minified css in index file 

4. Uncomment the main.css file

5. In your terminal run **npm run dev** this command.

6. Now You can found the localhost link address in terminal open that link with browser. 

7. And you will see the result.



## Usage



You can access it through the following link: [view site.](hhttps://vedhatech002.github.io/gpay-ui/)



## 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!