Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hironkanishka97/bicycle-product-webapp
Web app Created Using React , Tailwind CSS and Framer Motion for Cycle product
https://github.com/hironkanishka97/bicycle-product-webapp
framer-motion reactjs tailwindcss
Last synced: about 2 months ago
JSON representation
Web app Created Using React , Tailwind CSS and Framer Motion for Cycle product
- Host: GitHub
- URL: https://github.com/hironkanishka97/bicycle-product-webapp
- Owner: HironKanishka97
- Created: 2024-10-21T16:26:06.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-10-22T11:55:53.000Z (4 months ago)
- Last Synced: 2024-11-01T17:06:18.514Z (3 months ago)
- Topics: framer-motion, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://cycling-web.netlify.app/
- Size: 16.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[Click Here for Live Preview](https://cycling-web.netlify.app/)
https://github.com/HironKanishka97/bicycle-product-webapp
[Screencast from 10-21-2024 10:23:40 PM.webm](https://github.com/user-attachments/assets/a5dceb1a-32d0-4b4e-a9e2-b6afb438de47)
I created this app to practice react, tailwind css and framer motion.I decided to put it up here on GitHub as an open-source resource to help individuals to learn, adapt, and create their own web app. Feel free to customize and modify the theme and components to suit your personal style .
## License and Attribution
The code in this repository is released under the MIT License, which grants you the freedom to use, modify, and distribute the template as your own. However, if you choose to use the site's design largely unmodified, kindly credit me as the original designer of the site.
All projects and experiences included in this portfolio are the result of my efforts and creativity. Please refrain from presenting them as your own.
## Built With
- React.js
- Framer Motion
- TailwindCSS
## Live Demo
- Click [here](https://cycling-web.netlify.app/) to view the live demo.
## Getting Started
To get started with this portfolio template, follow these simple steps:
### Prerequisites
Make sure you have node and npm installed.
### Setup
- With git, clone the code to your machine, or download a ZIP of all the files directly.
```
git clone https://github.com/HironKanishka97/bicycle-product-webapp.git
```
- Once the files are on your machine, open the folder in [Visual Studio Code](https://code.visualstudio.com/download).
## Install
- After opening the files in Visual Studio Code, open the **VS Code** integrated terminal and run the following commands:
```
npm install
```
This will install all the packages and dependencies used in the project.
## Usage
- Run the following command to start a local server:
```
npm run dev
```
This will open up the project on a browser on `http://localhost:5173/`
## Build
- To create a production build:
```
npm run build
```
- To preview the site as it will appear once deployed:
```
npm run preview
```
## Authors
👤 **Hiron Kanishka**
- GitHub: [@hironkanishka](https://linkedin.com/in/hiron-kanishka)
- LinkedIn: [Hiron Kanishka](https://www.linkedin.com/in/hiron-kanishka/)
## Feedback and Contributions
If you have any feedback, suggestions, or would like to contribute to this project, your involvement is highly valued. Feel free to open an issue or submit a pull request with your ideas and enhancements. Remember, this template is a starting point, and the true magic lies in making it your own. Enjoy the journey of creating a stunning portfolio that represents your unique talents and accomplishments!
Happy coding and showcasing!
## Show your support
Give a ⭐️ if you like this project!