https://github.com/kayviaharriott/kaythedev
A personal website showcasing my knowledge in reactjs, typescript and library usage.
https://github.com/kayviaharriott/kaythedev
carousel personal portfolio reactjs resume typescript website
Last synced: 3 months ago
JSON representation
A personal website showcasing my knowledge in reactjs, typescript and library usage.
- Host: GitHub
- URL: https://github.com/kayviaharriott/kaythedev
- Owner: KayviaHarriott
- Created: 2024-04-15T21:22:50.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-03T16:57:26.000Z (8 months ago)
- Last Synced: 2025-01-14T14:18:11.719Z (4 months ago)
- Topics: carousel, personal, portfolio, reactjs, resume, typescript, website
- Language: TypeScript
- Homepage: https://kaythedev.com
- Size: 152 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# KayTheDev 👾
## Getting Started 🏃♀️💨
Follow these instructions to set up and run the project on your local machine.
### Installation
1. Install the project dependencies:
```bash
npm i
```2. Start the development server:
```bash
npm run dev
```## Project Overview 📖
Welcome to my personal website! I thought one of the best ways to showcase my coding skills was to create my own personal website using React, TypeScript, and some libraries. Feel free to browse through and make sure to check out the live website: [kaythedev.com](https://kaythedev.com).
## Folder Structure 🗂️
```
project-root
│
├── src
│ ├── components
│ ├── pages
│ ├── styles
│ ├── large-text-data
│ └── ...
├── public
├── .env
├── package.json
└── ...
```## Live Website/Project 🔎
[KayTheDev.com](https://kaythedev.com)
#### Infinite Horizontal Scroll Carousel
For creating an infinite horizontal scroll carousel using Tailwind CSS, refer to the following tutorial:
[Infinite Horizontal Scroll Carousel Tutorial](https://cruip.com/create-an-infinite-horizontal-scroll-animation-with-tailwind-css/)
This tutorial provides a step-by-step guide on how to create a seamless, infinite scrolling carousel using Tailwind CSS.