Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/AlpayC/portfolio_site
My Portfolio website based on react, typescript and tailwind.
https://github.com/AlpayC/portfolio_site
framer-motion gsap portfolio portfolio-site portfolio-website react tailwindcss typescript
Last synced: 3 months ago
JSON representation
My Portfolio website based on react, typescript and tailwind.
- Host: GitHub
- URL: https://github.com/AlpayC/portfolio_site
- Owner: AlpayC
- License: mit
- Created: 2023-09-30T19:02:09.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-12T20:40:02.000Z (10 months ago)
- Last Synced: 2024-01-13T07:15:04.194Z (10 months ago)
- Topics: framer-motion, gsap, portfolio, portfolio-site, portfolio-website, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://alpaycelik.dev
- Size: 1.39 MB
- Stars: 41
- Watchers: 1
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Portfolio Webseite
This is a portfolio website built using React, Tailwind CSS, and TypeScript. The website showcases my skills and projects as a full-stack developer. For the contactform i used a backend, which is build on node.js and express.
## Demo
You can also check out the live demo of the portfolio website [here](https://alpaycelik.dev).
## Features
- SEO optimized
- User settings stored in session storage
- Dark and Light mode available
- Easy data modification through a single `data.tsx` file
- Gziped and lazy loaded Data
- Developed first with the Mobile First methodology, then for desktop.
- Compatible with all mobile devices and with a beautiful and pleasant user interface.
- Smooth scrolling in each section.Contains animations when scrolling.
- Uptime Service with colored animation
## Installation
Clone the Repo
```bash
git clone
```
Installation of dependencies
```bash
npm i or npm install
```
Start Server
```bash
npm run dev
```
## Environment Variables
To run this project, you will need to add the following environment variables to your .env file. See .env-init in root directory
`API_BASE_URL`
`API_SERVICESTATUS_URL`
## Tech Stack
**Client:** React, React Router Dom, Tailwind CSS, Typescript, Axios, Framer Motion, GSAP, Prism React Renderer, React Icons, React Intersection Observer, React Toastify, React Tooltip, Reactjs Popup, Swiper, Rollup Plugin Gzip
**Server:** Node, Express, NodeMailer
## Support
If you find this project helpful or would like to support my work, you can ⭐ this Repo