Skip to content

TriTacLe/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

95 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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:

    git clone https://github.com/yourusername/tritacle.no.git
  2. Navigate to the project directory:

    cd frontend
  3. Install dependencies:

    npm install
    # or
    yarn install
  4. Start the development server:

    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

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:

    git checkout -b feature-name
  3. Make your changes and commit them:

    git commit -m "Add a feature"
  4. Push to your fork and submit a pull request.

    git push origin feature-name

Contact

For questions or feedback, please reach out at [email protected].


Thank you for visiting Tritacle.no!

About

A portfolio showcasing my projects, skills, and experience.

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Packages

No packages published