talalr / portfolio

Source Code of my Personal Website (Portfolio) Built with React.js, Jsx, Scss, Custom Domain, Tailwind

Portfolio

React Website To Build My Portfolio (Source Code of the Website)

Screenshots

You can See Main Pages of the website in this Link

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)