Cece Housh Personal Website/Portfolio

Welcome to the repository for my personal website! This site serves as a comprehensive portfolio and personal showcase, featuring various aspects of my life, work, and interests. You can now visit the live site at cecehoush.com.

Table of Contents

1. Site Structure
2. Features
3. Technologies Used
4. Setup and Installation
5. Future Plans
6. Contact

Site Structure

My website consists of these key pages:

Home

• Side navigation with cloud-themed buttons
• Sections include:
  • Welcome: Introduction with a picture of me and my social media links
  • About Me: Personal interests of mine displayed on flippable cards (Get to know me!)
  • Ineji's World: An interactive showcase of my cat, Ineji.. cause why not? :)

Portfolio

• Serves as an extended and more in depth resume. My current resume is compressed to one page making it lose some key details, so this will fix that aspect!
• Includes detailed information on my:
  • Work experience
  • Skills
  • Awards and achievements
  • Education
  • References

Roadmap (Work in Progress)

• Planned to be a 3D experience showcasing my journey (It's a surprise, so no spoilers!)
• Currently under construction

Contact

• Features a contact form (from EmailJS)

Features

• Responsive design with mobile-friendly navigation
• GSAP animations in the top navigation bar
• Interactive elements like flippable cards and clickable images

Technologies Used

• React (Node.js, Javascript, CSS)
• GSAP (GreenSock Animation Platform)
• Three.js (planned for future use)
• EmailJS

Setup and Installation

While the website is now live at cecehoush.com, you can also run it locally for development or testing purposes.

1. Clone the repository:

   git clone https://github.com/cecehoush/portfolio.git
   

2. Navigate to the project directory:

   cd portfolio
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Open http://localhost:3000 in your browser to view the site.

Future Plans

• Complete the Roadmap page with 3D elements using Three.js (Being vague on purpose.. it's a surprise!)
• Add more interactive elements and animations
• Expand the Portfolio section with project details and demos
• Expand the About Me section and maybe add more flipping cards
• Create a new logo
• Fix clouds to be responsive :(
• put text or a date in the polaroid white space

Contact

Feel free to reach out to me through the contact form on my website or connect with me on:

• LinkedIn: https://linkedin.com/in/cecehoush
• GitHub: https://github.com/cecehoush
• Instagram: https://instagram.com/cetsukii
• Email: carolannehoush@gmail.com

---

Thank you for visiting my personal website repository. I hope you enjoy exploring my digital space as much as I enjoyed creating it!! ^-^