https://github.com/isodevmate/newer-portfolio
🌟 **Revamped Portfolio Website** 🌟 Explore my modern, responsive portfolio built with React 19 and Next.js, showcasing my professional journey, projects, and expertise in web development and cloud computing. 🔧Key Features: Detailed project descriptions and timeline. Interactive contact form with real-time validation. Integration with IoT tec
https://github.com/isodevmate/newer-portfolio
actions react-19 reactjs tailwindcss useformstatus zod zod-validation
Last synced: 2 months ago
JSON representation
🌟 **Revamped Portfolio Website** 🌟 Explore my modern, responsive portfolio built with React 19 and Next.js, showcasing my professional journey, projects, and expertise in web development and cloud computing. 🔧Key Features: Detailed project descriptions and timeline. Interactive contact form with real-time validation. Integration with IoT tec
- Host: GitHub
- URL: https://github.com/isodevmate/newer-portfolio
- Owner: IsoDevMate
- Created: 2024-12-26T13:43:47.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-02-15T01:38:51.000Z (4 months ago)
- Last Synced: 2025-02-15T02:28:32.884Z (4 months ago)
- Topics: actions, react-19, reactjs, tailwindcss, useformstatus, zod, zod-validation
- Language: TypeScript
- Homepage: https://barackoumasite.netlify.app/
- Size: 2.16 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Modern Portfolio Website




A modern, responsive portfolio website built with React 19 and Next.js, showcasing my professional journey, projects, and technical expertise in web development and cloud computing.
## Features
### Experience Section
- Professional timeline showcasing work history
- Detailed project descriptions with technical implementations
- Current role highlights at BeeMultiscents as Smart Diffuser Developer
- Integration with IoT technologies and mobile applications### Projects Showcase
- Filterable project gallery with categories:
- Frontend
- Backend
- Full Stack
- Cloud
- Featured Projects
- Project cards with technology tags and detailed descriptions
- Notable projects include:
- Yafreeka Payment Integration
- Smart Diffuser System
- Elastic Web Server Infrastructure
- BertLorBloom Academy App### Contact Section
- Interactive contact form with real-time validation
- Professional social media links
- Direct email contact option
- Responsive design for all devices## Technical Stack
### Frontend
- React 19
- Next.js
- TypeScript
- Framer Motion for animations
- Tailwind CSS for styling### Backend Features
- Server Components with React 19
- Form handling with `useFormState` and `useFormStatus`
- Server Actions for form submissions
- Zod for data validation### Notable React 19 Implementations
- Server and Client Components architecture
- Enhanced form handling with latest React features
- Secure communication protocols
- TypeScript integration for type safety### Deployment & Infrastructure
- AWS hosting
- Responsive design
- Performance optimized
- SEO friendly structure## Getting Started
1. Clone the repository
```bash
git clone [repository-url]
```2. Install dependencies
```bash
npm install
```3. Run the development server
```bash
npm run dev
```4. Build for production
```bash
npm run build
```## Project Structure
```
src/
├── components/
├── app/
├── lib/
├── styles/
└── utils/
```## Contact
For any inquiries or collaboration opportunities, feel free to reach out:
- Email: [email protected]
- LinkedIn: https://linkedin.com/in/barack-ouma-b37089212
- GitHub: https://github.com/IsoDevMate## License
© 2025 Barack Ouma. All rights reserved.