Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yazan98/portfolio
Source Code of my Personal Website (Portfolio) Built with React.js, Jsx, Scss, Custom Domain, Tailwind
https://github.com/yazan98/portfolio
developer-portfolio developer-website personal-site personal-website portfolio portfolio-page portfolio-project portfolio-site portfolio-template portfolio-website pwa react react-portfolio react-router reactjs template
Last synced: 8 days ago
JSON representation
Source Code of my Personal Website (Portfolio) Built with React.js, Jsx, Scss, Custom Domain, Tailwind
- Host: GitHub
- URL: https://github.com/yazan98/portfolio
- Owner: Yazan98
- License: mit
- Created: 2020-04-01T20:46:53.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-04-20T06:15:13.000Z (7 months ago)
- Last Synced: 2024-04-21T05:27:30.650Z (7 months ago)
- Topics: developer-portfolio, developer-website, personal-site, personal-website, portfolio, portfolio-page, portfolio-project, portfolio-site, portfolio-template, portfolio-website, pwa, react, react-portfolio, react-router, reactjs, template
- Language: JavaScript
- Homepage: https://www.yazantarifi.com
- Size: 33.9 MB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio
React Website To Build My Portfolio (Source Code of the Website)
## Screenshots
You can See Main Pages of the website in this [Link](https://github.com/Yazan98/portfolio/tree/master/screenshots)
## Description
Personal Website To Show The Projects Documentation, View On Github and Describe Each Project with Amazing Design Built With React.js, JSX, Mobile Responsive Design , This Project Built Based on Airbnb Eslint Rules
#### Components
1. React Router
2. Typescript
3. Create React App
4. Tailwind CSS
5. Bootstrap
6. Node SASS
7. Firebase Hosting
8. PWA
9. Responsive Design
10. JSX
11. React Hooks
## Features
1. Responsive Design Built with Tailwind CSS
2. Multi Page Layout
3. Dynamic Lists (Pages Content inside Loops)
## Project Pages
1. Home Page
2. Projects Page
3. All Projects Page
4. Skills Page
5. Archive Page
6. App Page
7. Mobile Navigation Page
8. Not Found Page
## Project History
1. Simple Page Built with Vue.js
2. Refactor To Angular 8
3. Refactor To React.js (Typescript, PWA)
4. Refactor To React.js Material UI
5. Refactor To React.js Tailwind CSS
## Project Deployment
1. Main Website (https://www.yazantarifi.com)
2. Github Pages (https://yazan98.github.io)
3. Firebase Hosting (https://portfolio-v2-67ceb.web.app/)
### Commands List
```
1. Deploy Test Version On Firebase : npx firebase deploy
2. Generate Production Build (Without Map Files) : npm run build
3. Run Project Locally : npm start
```
## Start The Project
> 1. npm install
> 2. npm start
> 3. npm run build
## Start The Project (Yarn)
> 1. yarn install
> 2. yarn run start
## Branches Description
1. master (Latest Source Code)
2. v2.x Version 2 of The Website (Dark, Light Mode)
3. v3 Version 3 of the Website (Dynamic Components)
## Docker Information
Docker Repository Link
> https://hub.docker.com/repository/docker/yt98/portfolio-website
Execute The Following Commands to Run Docker Image
Pull The Image to Your Device Then Run the Image on Port 3000
```
docker pull yt98/portfolio-website:v3
docker run --name portfolio -p 3000:3000 -d yt98/portfolio-website:v3
```
## License
Copyright (C) 2021 Portfolio is An Open Source Project (Licensed under the MIT License)