Remix Shadcn Template

Welcome to the Remix shadcn portfolio. This project serves as a template for building a profesional portfolio using Remix, shadcn, and other popular technologies.

Features

• Server-side rendering with Remix for optimized performance
• Responsive design using Shadcn/UI
• Easy-to-use data fetching and routing mechanisms
• Built-in styling with Tailwind CSS
• Simple navigation and routing setup
• Component-based architecture for reusability

Tech Stack

This project is built using the following technologies:

• Remix
• React
• Tailwind CSS
• ShadCN UI
• Framer Motion
• Lucide Icons
• TypeScript

Installation

To get started with this project, follow these steps:

1. Clone the repository:

   git clone https://github.com/morrisonak/Remix-Shadcn-Portfolio.git
   cd  Remix-Shadcn-Portfolio

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev

Usage

After setting up the project, you can begin building your application. The template includes various pre-configured components and layouts to help you get started quickly.

Customizing with siteData.ts

The template is designed to be easily customized through the siteData.ts file. Here are simple instructions to modify the data:

1. Locate the siteData.ts file in the app/data/ directory of the project.

2. Edit the Data: Inside siteData.ts, you will find various data structures representing different components of the site (e.g., publications, education, testimonials). Each section is clearly labeled.

3. Add or Update Entries: To add a new entry, follow the existing format. To update an entry, modify the relevant fields. Your changes will automatically reflect on the site without further adjustments in the component files.

4. Save and Refresh: After making your changes, save the siteData.ts file and refresh your browser to see the updates.

License

This project is licensed under the MIT License.