mariaale2023 / myweb

MyWeb Project

Welcome to MyWeb, a personal website project inspired by Joshua's World. This project showcases my portfolio, projects, and contact information in an interactive and visually appealing way.

Introduction

MyWeb is a React-based website developed to showcase my skills, projects, and provide a way for visitors to get in touch with me. The website incorporates 3D models from various Sketchfab users, adding a unique and visually engaging element to the user experience.

Project Description

The project features several pages, including:

1. Home: The landing page that introduces visitors to the website.
2. About: A page providing information about me, my skills, and background.
3. Project Portfolio: A collection of my notable projects, creatively presented.
4. Contact Form: A form that allows visitors to reach out to me directly.

Features

• Interactive 3D models: Engage with captivating 3D models throughout the website.
• Responsive design: The website is designed to work seamlessly across various devices and screen sizes.
• React Three Fiber: Utilizes the power of React Three Fiber for efficient rendering of 3D scenes.
• Contact Form: A user-friendly form for visitors to send messages and inquiries.

Tools Used

• React: A JavaScript library for building user interfaces.
• React Three Fiber: A React renderer for Three.js.
• Drei: A library of useful helpers and abstractions for React Three Fiber.
• Email.js: A service for sending emails directly from the client-side.
• React Router: A declarative routing library for React.
• Tailwind CSS: A utility-first CSS framework.
• Vite: A fast development server and build tool for modern web development.

Pages

• Home: The main landing page.
• About: Learn more about me.
• Project Portfolio: Explore my showcased projects.
• Contact Form: Reach out to me directly.

Installation

1. Clone the repository:

   git clone [email protected]:mariaale2023/MyWeb.git

2. Install dependencies:

   cd MyWeb
   npm install

3. Start the development server:

   npm run dev

Visit http://localhost:3000 in your browser to view the website.

Credits

Special thanks to the following Sketchfab users for providing incredible 3D assets that enhance this project:

• daspanjo for the "Candy House" model.
• Omabuarts Studio for the "Toon Cat FREE" model.
• skybox3dArchitect for the "Skybox Clouds in the Sky" model.
• Cresis for the "Donut Cat" model.

This project is also inspired by Joshua's World and was developed following the tutorial by Emilian Kasemi.

Also thanks to Orange Free Sounds- Stock audio , to provide the Cat Meow And Purr Sound Effect.

Thank you to these creators for their contributions!