Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/vino-siva/dev-portfolio-nextjs

Just a simple dev portfolio project on the side.
https://github.com/vino-siva/dev-portfolio-nextjs

aceternity-ui nextjs14 reactjs sentry-integration tailwindcss three-js

Last synced: 25 days ago
JSON representation

Just a simple dev portfolio project on the side.

Host: GitHub
URL: https://github.com/vino-siva/dev-portfolio-nextjs
Owner: Vino-Siva
License: mit
Created: 2024-09-06T14:02:51.000Z (2 months ago)
Default Branch: main
Last Pushed: 2024-09-13T08:09:15.000Z (about 2 months ago)
Last Synced: 2024-10-11T15:42:35.920Z (25 days ago)
Topics: aceternity-ui, nextjs14, reactjs, sentry-integration, tailwindcss, three-js
Language: TypeScript
Homepage: https://darkgrey-tiger-740305.hostingersite.com
Size: 18 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        
# Developers Portfolio Sample

This is the repository for a sample portfolio website, built to showcase their skills, projects, and experiences as a web developer. The project leverages modern web technologies such as Next.js, Tailwind CSS, Sentry.io, AceternityUI, and Three.js to create a responsive, interactive, and visually appealing user experience.

## Table of Contents

- [Developers Portfolio Sample](#developers-portfolio-sample)

  - [Table of Contents](#table-of-contents)

  - [Features](#features)

  - [Tech Stack](#tech-stack)

  - [Getting Started](#getting-started)

    - [Prerequisites](#prerequisites)

  - [Installation](#installation)

  - [Usage](#usage)

  - [Contributing](#contributing)

  - [License](#license)

  - [Acknowledgements](#acknowledgements)

## Features

- **Server-Side Rendering (SSR)** and **Static Site Generation (SSG)** using Next.js for fast and optimized web pages.

- **Responsive Design** built with Tailwind CSS to ensure compatibility across different devices and screen sizes.

- **Error Monitoring and Reporting** integrated with Sentry.io for real-time bug tracking and performance monitoring.

- **Aesthetic UI Elements** crafted with AceternityUI to provide a clean and modern interface.

- **Interactive 3D Elements** powered by Three.js to enhance user engagement and interactivity.

## Tech Stack

- **Next.js**: A React framework for building fast, user-friendly web applications.

- **Tailwind CSS**: A utility-first CSS framework for creating custom designs directly in your markup.

- **Sentry.io**: A tool for monitoring application performance and tracking errors in real-time.

- **AceternityUI**: A customizable component library for building sleek and consistent UI elements.

- **Three.js**: A JavaScript library that simplifies the creation of 3D content on the web.

## Getting Started

To get a local copy up and running, follow these steps.

### Prerequisites

Ensure you have the following installed on your machine:

- [Git](https://git-scm.com/)

- [Node.js](https://nodejs.org/en)

- [npm](https://www.npmjs.com/) (Node Package Manager)

## Installation

1. **Fork the repository:**

    Click the "Fork" button at the top right of this repository to create a copy under your GitHub account.

2. **Clone the forked repository:**

    ```bash

    git clone https://github.com/your-username/portfolio.git

    cd portfolio

    ```

3. **Install dependencies:**

    ```bash

    npm install

    ```

4. **Run the development server:**

    ```bash

    npm run dev

    ```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Usage

- The portfolio includes sections such as "About Me", "Projects", "Experience", and "Contact".

- Three.js is used to create 3D animations that enhance the visual appeal.

- The site is fully responsive and optimized for both desktop and mobile devices.

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request or create an Issue for any feature requests or bug reports.

## License

This project is licensed under the MIT License. See the [LICENSE](https://github.com/Vino-Siva/dev-portfolio-nextjs/blob/main/LICENSE) file for details.

## Acknowledgements

- [Next.js docs](https://nextjs.org/docs)

- [TailwindCSS Docs](https://tailwindcss.com/docs/)

- [Sentry.io](https://sentry.io/)

- [AceternityUI](https://ui.aceternity.com/)

- [Three.js](https://threejs.org/)

- [Adrian from JSMastery](https://github.com/adrianhajdin/portfolio)