Merge pull request #1 from orellanamr/revision

First pre-deployment review

Author: orellanamr

README.md

@@ -1,8 +1,63 @@
-# React + Vite
+# Rolando Orellana's Portfolio
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+This is the repository for Rolando Orellana's personal portfolio, developed with React and Vite. The portfolio includes sections for projects, contact, and more, with a modern and responsive design.
 
-Currently, two official plugins are available:
+## Technologies Used
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+- React
+- Vite
+- Material UI
+- i18next (for internationalization)
+- Framer Motion (for animations)
+- React Intersection Observer (for visibility detection)
+- GitHub Pages (for deployment)
+
+## Features
+
+- **Fast Deployment**: Uses Vite for fast and efficient development.
+- **Internationalization**: Support for multiple languages with i18next.
+- **Responsive Design**: Adaptable to different screen sizes.
+- **Smooth Animations**: Includes smooth animations and transitions with Framer Motion.
+- **Projects Section**: Showcases featured projects with links to repositories and live previews.
+
+## Installation
+
+1. Clone the repository:
+   ```bash
+   git clone https://github.com/your-username/your-repository.git
+
+2. Navigate to the project directory:
+    cd your-repository
+
+3. Install dependencies:
+   yarn install
+
+## Usage
+To start the development server:
+    yarn dev
+
+To build the project for production:
+    yarn build
+
+## Project Structure
+├── public
+│   └── index.html
+├── src
+│   ├── assets
+│   │   ├── images
+│   │   └── videos
+│   ├── components
+│   │   ├── Navbar.jsx
+│   │   ├── HeroSection.jsx
+│   │   ├── Projects.jsx
+│   │   └── Contact.jsx
+│   ├── App.jsx
+│   ├── index.jsx
+│   └── i18n.js
+├── .gitignore
+├── package.json
+├── README.md
+└── vite.config.js
+
+## Contact
+Rolando Orellana - [email protected]

index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Portfolio of Rolando Orellana - React Developer" />
     <meta name="author" content="Rolando Orellana" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/public/faviconRolando.svg" />
     <meta property="og:title" content="Rolando Orellana - React Developer" />
     <meta property="og:description" content="Explore my portfolio showcasing React projects and development expertise." />
     <meta property="og:image" content="/preview.png" />

package.json

@@ -19,7 +19,8 @@
     "i18next-browser-languagedetector": "^8.0.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-i18next": "^15.4.0"
+    "react-i18next": "^15.4.0",
+    "react-typing-effect": "^2.0.5"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",

public/faviconRolando.png

@@ -7,9 +7,15 @@ const App = () => {
   return (
     <div>
       <Navbar />
-      <HeroSection />
-      <Projects />
-      <Footer />
+      <div id="home">
+        <HeroSection />
+      </div>
+      <div id="projects">
+        <Projects />
+      </div>
+      <div id="contact">
+        <Footer />
+      </div>
     </div>
   );
 };