yt98/portfolio-website repository overview

⁠Portfolio

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

⁠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

⁠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)

⁠License

Copyright (C) 2021 Portfolio is An Open Source Project (Licensed under the MIT License)