Skip to content

🌟 **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

Notifications You must be signed in to change notification settings

IsoDevMate/newer-portfolio

Repository files navigation

Modern Portfolio Website

Screenshot 2025-02-15 041520

Screenshot 2025-02-15 041544

Screenshot 2025-02-15 041556

Screenshot 2025-02-15 041609

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
git clone [repository-url]
  1. Install dependencies
npm install
  1. Run the development server
npm run dev
  1. Build for production
npm run build

Project Structure

src/
β”œβ”€β”€ components/
β”œβ”€β”€ app/
β”œβ”€β”€ lib/
β”œβ”€β”€ styles/
└── utils/

Contact

For any inquiries or collaboration opportunities, feel free to reach out:

License

Β© 2025 Barack Ouma. All rights reserved.

About

🌟 **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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published