https://github.com/nxdun/portfolio
My Design Showcase
https://github.com/nxdun/portfolio
ai react threejs
Last synced: 3 months ago
JSON representation
My Design Showcase
- Host: GitHub
- URL: https://github.com/nxdun/portfolio
- Owner: nxdun
- Created: 2024-06-13T01:05:55.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-16T16:39:40.000Z (4 months ago)
- Last Synced: 2025-02-16T17:37:25.788Z (4 months ago)
- Topics: ai, react, threejs
- Language: JavaScript
- Homepage: https://nadun.me
- Size: 13.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Title
Nuus-Portfolio
## Description
A personal portfolio website to showcase my projects, skills, and experience.
## Features
- Responsive design
- Project showcase
- Skills and experience sections
- Contact form
## Installation
1. Clone the repository:
```sh
git clone https://github.com/nxdun/portfolio.git
```
2. Navigate to the project directory:
```sh
cd portfolio
```
3. Install dependencies:
```sh
npm i
```
## Usage
1. Start the development server:
```sh
npm run dev
```
2. Open your browser and go to `http://localhost:5173`
## Environment Variables
Create a `.env` file in the root directory and add the following variables:
```
check .env.example file in root directory
```
## Contributing
1. Fork the repository
2. Create a new branch (`git checkout -b feature-branch`)
3. Commit your changes (`git commit -m 'feat: Add awsome feature'`)
4. Push to the branch (`git push origin feature-branch`)
5. Open a Pull Request
## License
This project is licensed under the MIT License.
## TODO
Performance & Optimization:
- [ ] Fix 3D Object loading mechanism
- [ ] Add image preloading for better performance
- [ ] Optimize 3D model loading and rendering
- [ ] Implement code splitting for better load times
- [ ] Add loading states for components
- [ ] Implement proper rate limiting for API calls
Features & Improvements:
- [ ] Add support for code blocks and syntax highlighting
- [ ] Implement infinite scroll for projects
- [ ] Add mode switch (dark/light theme)
- [ ] Add swipe gestures for mobile image carousels
- [ ] Add progress tracking for loading screens
- [ ] Add star count API integration for GitHub repos
- [ ] Add confirmation dialog for popup closures
Architecture & Code Quality:
- [ ] Extract social links into separate component
- [ ] Move animation variants to config files
- [ ] Implement useReducer for complex state management
- [ ] Add proper form validation library
- [ ] Write tests for components
- [ ] Implement debouncing for event handlers
- [ ] Split larger components into smaller ones
UI/UX Improvements:
- [ ] Improve typing animation smoothness
- [ ] Update profile image handling
- [ ] Improve mobile responsiveness
- [ ] Change Roboto font to better alternative
- [ ] Enhance accessibility features
- [ ] Add better error handling UI
Documentation & Maintenance:
- [ ] Update component documentation
- [ ] Add JSDoc comments
- [ ] Create contribution guidelines
- [ ] Set up automated testing
- [ ] Add deployment instructions
Completed:
- [x] Add AI chatbot
- [x] Create custom model feed data including images
- [x] Improve design and layout
- [x] Add contact form with reCAPTCHA
- [x] Basic mobile optimization
- [x] Implement smooth scrolling behavior
- [x] Add dynamic tag coloring system
- [x] Create image carousel for projects
- [x] Implement markdown rendering
- [x] Add proper URL handling and formatting
- [x] Create typing animation effect
- [x] Add glass-effect UI components
- [x] Implement responsive navigation
- [x] Add social media integration
- [x] Create project filtering system
- [x] Add search functionality
- [x] Implement proper error handling for forms
- [x] Add loading states and animations
- [x] Create quick access message templates
- [x] Implement proper component documentation
- [x] Add environment variable configuration
- [x] Create proper file structure
- [x] Add 3D model integration
- [x] Implement proper security measures