Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tinspham209/portfolio
Portfolio
https://github.com/tinspham209/portfolio
grid portfolio react
Last synced: about 8 hours ago
JSON representation
Portfolio
- Host: GitHub
- URL: https://github.com/tinspham209/portfolio
- Owner: tinspham209
- Created: 2020-08-20T12:58:18.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T08:22:38.000Z (11 months ago)
- Last Synced: 2023-12-15T09:32:04.808Z (11 months ago)
- Topics: grid, portfolio, react
- Language: JavaScript
- Homepage: https://portfolio-7f26f.web.app/
- Size: 2.63 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mini Project: My Portfolio
## Date: 20 - Aug - 2020
### Tech-Stack
- React
- react-slick, slick-carousel
- react-id-generator
- react-lazy-load-image-component
### Deploy
https://tinspham.info/
### Screenshot
### Plan Of Action
- Initial Setup
- First Grid Areas
- Navigation Bar
- Intro Section
- About Section
- Portfolio/Blogs
- Contact Form
- Hosting the Website in Firebase
- Add custom domain to Firebase app
- Update Post img with react-lazy-load
- Update information
- Add Blog site with wordpress
- Greeting component
- Remove contact form
### After this project
I have improve my knowledge about
- Layout with Grid & flex
Next Steps:
- Update icons with react-icons
- Add route for past projects
- Add new projects with firebase
- Highlight 6 projects in homepage
- Add Dark mode
### Directory Structure
```
.
├── package.json
├── package-lock.json
├── README.md
├── deploy-firebase
├── .gitignore
├── public
├── 404.html
├── index.html
├── favicon.ico
└── resume.pdf
└── src
├── assets
├── img
├── no-image.jpg
├── chan-dung-edit.png
└── avatar.png
├── components
├── about
├── contact
├── greeting
├── homepage
├── intro
└── post
└── containers
└── homepage
├── App.css
├── App.js
├── index.css
└── index.js
```
### Set up
- `git clone`
- `npm install`
- `npm start`