An open API service indexing awesome lists of open source software.

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

Awesome Lists containing this project

README

        

# Modern Portfolio Website

![Screenshot 2025-02-15 041520](https://github.com/user-attachments/assets/4de3571d-9bfb-4b68-83e3-525990f4e107)

![Screenshot 2025-02-15 041544](https://github.com/user-attachments/assets/39eae58e-a8cb-4d35-a5b6-1c6442641b6f)

![Screenshot 2025-02-15 041556](https://github.com/user-attachments/assets/04d57421-7d54-4367-a2e7-9c5396a230af)

![Screenshot 2025-02-15 041609](https://github.com/user-attachments/assets/86afbf0b-665f-4f3d-9f74-2760a08bf3ff)

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.