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

https://github.com/TriTacLe/Portfolio-v1

A portfolio showcasing my projects, skills, and experience.
https://github.com/TriTacLe/Portfolio-v1

react type vercel webde

Last synced: 29 days ago
JSON representation

A portfolio showcasing my projects, skills, and experience.

Awesome Lists containing this project

README

          

# Tritacle.no

Tritacle.no is a modern and responsive website built using React and TypeScript, hosted on Vercel. The site is designed to deliver a seamless user experience, ensuring high performance and maintainability.

## Features

- **React & TypeScript**: Leverages the power of React for a component-based architecture and TypeScript for type safety and better code quality.
- **Responsive Design**: Fully responsive layout that looks great on desktops, tablets, and mobile devices.
- **Vercel Hosting**: Hosted on Vercel for fast and reliable performance with automated deployments.
- **Modern UI**: Clean and modern user interface for an intuitive browsing experience.

## Tech Stack

- **Framework**: React
- **Language**: TypeScript
- **Hosting**: Vercel
- **CSS**: Styled Components / CSS Modules
- **Build Tool**: Vite / Create React App / Next.js
- **UX/UI design tools**: Canva and Figma

## Installation

Follow these steps to set up the project locally:

1. Clone the repository:

```bash
git clone https://github.com/yourusername/tritacle.no.git
```

2. Navigate to the project directory:

```bash
cd frontend
```

3. Install dependencies:

```bash
npm install
# or
yarn install
```

4. Start the development server:

```bash
npm start
# or
yarn start
```

5. Open the site in your browser:

```
http://localhost:3000
```

## Deployment

Tritacle.no is deployed on Vercel. To deploy your own version:

1. Connect your repository to Vercel.
2. Push your changes to the main branch.
3. Vercel will automatically build and deploy your site.

## Directory Structure

```plaintext
src/
├── components/ # Reusable components
├── pages/ # Application pages
├── assets/ # Static assets like images and icons
├── styles/ # Global and modular styles
├── utils/ # Utility functions
├── hooks/ # Custom React hooks
└── App.tsx # Main app component
```

## Scripts

- **`npm start`**: Start the development server.
- **`npm run build`**: Build the project for production.
- **`npm run lint`**: Run the linter to check for code issues.
- **`npm test`**: Run tests (if applicable).

## Contributing

We welcome contributions! To contribute:

1. Fork the repository.
2. Create a new branch:

```bash
git checkout -b feature-name
```

3. Make your changes and commit them:

```bash
git commit -m "Add a feature"
```

4. Push to your fork and submit a pull request.

```bash
git push origin feature-name
```

## Contact

For questions or feedback, please reach out at [tritac.le@gmail.com](mailto:tritac.le@gmail.com).

---

Thank you for visiting Tritacle.no!