CodeArz: A Sherlock-Themed Developer Portfolio 🕵️‍♀️

Welcome to CodeArz, a unique, interactive, and creative developer portfolio designed with a Sherlock Holmes-inspired theme. This project reflects a passion for solving mysteries—whether in code or life—and merges creativity with technical precision.

🌟 Features

• Thematic Design: Sherlock-inspired aesthetics combined with modern web development practices.
• Interactive Elements:
  • A countdown timer for added engagement.
  • A mystery mini-game to challenge users' problem-solving skills.
• Dynamic Animations:
  • Subtle hover effects and shooting star animations for a visually immersive experience.
• Project Portfolio:
  • Hackathon projects, open-source contributions, and the Knitting App ( KnittMates) for mental health.
• SEO Optimized:
  • Detailed meta tags, descriptions, and canonical links to enhance discoverability.
• Technical Blog:
  • A space to share insights, challenges, and experiences from the tech world.

🚀 Technologies Used

• Frontend: React.js
  • React Router v6 for smooth navigation.
  • React Hooks for state management.
• Deployment: GitHub Pages for seamless hosting.
• Design: Custom CSS with modern animations and a responsive layout.
• Version Control: Git and GitHub for collaborative development.

🕹️ Mystery Game

Explore a hidden mini-game within the website, designed to test your detective skills. Can you solve the mystery?

🎯 Purpose

This project serves as:

• A personal portfolio showcasing technical skills and creative problem-solving.
• A platform to share blog posts, open-source contributions, and completed projects.
• An example of how design, animations, and interactivity can enhance user experience.

🔗 Live Demo

Check out the live version here: CodeArz Live Website

⚙️ Setup and Installation

To run the project locally, follow these steps:

1. Clone the repository:

git clone https://github.com/arzugcaner/codearz.git

cd codearz

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Open your browser and visit: http://localhost:3000

🌍 Deployment

The project is deployed using GitHub Pages . To build and deploy:

1. Build the production version:

   npm run build

2. Deploy to GitHub Pages:

   npm run deploy

📜 License

This project is licensed under the MIT License.

🙌 Acknowledgements

• React.js for powering the frontend.
• GitHub Pages for hosting the project.
• Inspiration from the problem-solving mindset of Sherlock Holmes .

💬 Feedback and Contributions

Feedback and contributions are always welcome! Feel free to open an issue or create a pull request to improve this project.