Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/victorbravim/shiftai
ShiftAI - Template Modern Website
https://github.com/victorbravim/shiftai
framer-motion modern remix tailwind tailwindcss template typescript website
Last synced: 2 months ago
JSON representation
ShiftAI - Template Modern Website
- Host: GitHub
- URL: https://github.com/victorbravim/shiftai
- Owner: VictorBravim
- License: mit
- Created: 2024-07-15T17:05:47.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-29T14:03:20.000Z (6 months ago)
- Last Synced: 2024-07-29T18:01:26.756Z (6 months ago)
- Topics: framer-motion, modern, remix, tailwind, tailwindcss, template, typescript, website
- Language: TypeScript
- Homepage: https://shiftai-eta.vercel.app
- Size: 1.72 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌟 ShiftAI
## 🚀 Overview
ShiftAI is an interactive website project developed using Remix, TypeScript and Tailwind CSS. The project offers a modern and responsive interface, with distinct sections to present information and interact with the user. The application is designed to provide a fluid and visually appealing user experience by leveraging the latest front-end technologies.
## 📋 Requirements
- Node.js
- Remix
- TypeScript
- Tailwind CSS
- React Icons
- Framer Motion
## 🔧 Installation
1. Clone the repository:
```
git clone https://github.com/VictorBravim/ShiftAI.git
```
2. Navigate to the project directory:
```
cd ShiftAI
```
3. Install the dependencies:
```
npm install
```
4. Start the development server:
```
npm run dev
```
## 🛠️ Project Rules
- src/components: Contains the main components of the project.
- Hero.tsx: Intro component with animations.
- About.tsx: Section about the project with multiple image cards.
- Contact.tsx: Contact section with an image slider and navigation buttons.
- Footer.tsx: Footer with social media links and navigation.
- src/routes: Application route settings.
- index.tsx: Home page with Hero, About, Contact and Footer sections.
- src/styles: Global styles and Tailwind CSS.
tailwind.css: Tailwind CSS configuration file.
## 📄 License
- This project is licensed under the [MIT License](LICENSE).