Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/blankscreen-exe/porfolio-website
My personal portfolio website made with React.js Vite.js and TailwindCSS
https://github.com/blankscreen-exe/porfolio-website
daisy javascript reactjs tailwindcss
Last synced: 2 months ago
JSON representation
My personal portfolio website made with React.js Vite.js and TailwindCSS
- Host: GitHub
- URL: https://github.com/blankscreen-exe/porfolio-website
- Owner: Blankscreen-exe
- Created: 2024-01-17T18:25:14.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-10-27T07:30:39.000Z (3 months ago)
- Last Synced: 2024-10-27T08:33:22.927Z (3 months ago)
- Topics: daisy, javascript, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://hammad-ai.vercel.app
- Size: 39.6 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# porfolio-website
## UI Components
- [Daisy UI](https://daisyui.com/)
- [Shards Dashboard Lite](https://designrevision.com/downloads/shards-dashboard-lite-react/)
- [Chakra UI](https://chakra-ui.com/docs/components/card/usage)
- [Berry Theme](https://github.com/codedthemes/berry-free-react-admin-template)
- [Minimal Free](https://github.com/codedthemes/material-kit-react)
- [Material UI 2 - creative tim](https://www.creative-tim.com/product/material-dashboard-react)
- [Redux persist](https://medium.com/@xbstrxct/persisting-state-in-your-react-app-with-redux-persist-1e7dd877c58a)
- [Redux persistor log rocket](https://blog.logrocket.com/persist-state-redux-persist-redux-toolkit-react/)
- [TW elements](https://tw-elements.com/docs)
- [Hero Icons](https://github.com/tailwindlabs/heroicons)
- [how to use svgs in react](https://www.freecodecamp.org/news/how-to-import-svgs-in-react-and-vite/)
- [LinearIcons](https://linearicons.com/free)
- [how to use dark mode in tailwind](https://www.youtube.com/watch?v=WTchW0LdWL0)
- [dev dojo tailwind buttons](https://devdojo.com/tailwindcss/buttons#_)
## Milestones
- [x] React Bootstrap
- [x] Redux
- [ ] Redux Thunk
- [x] Redux persistor
- [x] React Router
- [ ] Material UI
## Sitemap
```
- ✅Home
|- About Me
|- Testimonials
|- Tech Stack
|- Awards (featured)
|- Blog (latest)
|- Projects (featured)
|- E-bizcard
|- CTA
- About Me
|- About Me
|- Education
|- Hobby
|- Languages
- Work Experience
|- History
|- Awards
|- Certificates Roll
|- Working on next
- Projects
- Services
|- Backend Developement
|- Frontend Developement
|- Data Science/Business Analytics
|- Mentor
- Lists
|- Useful Resources
|- Games
- Blog
|- Blog roll
|- Buy Me a coffee
- Contact
|- Form
|- Social Links
|- Discord server
|- CTA
```
## colors
```css
--primary-light: #0694a2;
--secondary-light: #c4c4c4;
--tertiary-light: #f1f5f9;
--contrast-light: #dc4c64;
--primary-dark: #30C3D2;
--secondary-dark: #8a8a8a;
--tertiary-dark: #4B5660;
--contrast-dark: #FC5E79;
```
## components to use
- https://tailwindcomponents.com/component/delivery-tracking
- https://tailwindcomponents.com/component/tailwind-contact-form-2
- https://tailwindcomponents.com/component/peaceful-mind
- https://tailwindcomponents.com/component/boilerplates-card
- https://tailwindcomponents.com/component/card-ai-power-analytics
- https://tailwindcomponents.com/component/unordered-list-of-card-items-with-elevation-on-hover
- https://tailwindcomponents.com/component/hover-button-scale-effect
- https://tailwindcomponents.com/component/button-11
- https://tailwindcomponents.com/component/tailwind-css-inbox-view-message
- https://recharts.org/en-US/examples/CustomActiveShapePieChart
- https://tailwindcomponents.com/component/alpinejs-animated-toggle
- https://tailwindflex.com/@samuel33/hover-effect-card
TODO:
- [ ] voice note for language cards
- [ ] dark mode button in nav bar
- [ ] animated PDF download button for CTA card