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.
- Thematic Design: Sherlock-inspired aesthetics combined with modern web development practices.
- Interactive Elements:
- A CV Assistant chatbot featured on the homepage — visitors can chat with my CV directly.
- 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 (e.g. MindGarden, an AI-powered mental health support system built for the Agent Development Kit Hackathon with Google Cloud), open-source contributions, and personal apps like KnittMates (a knitting calculator & guide).
- 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.
- 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.
The homepage's Lab Intelligence Updates section is where the currently featured project lives. It's intentionally rotated as new work ships, so this is the first place to update when promoting a new project.
- Currently featured: CV Assistant — an interactive chatbot for my CV.
- Component:
src/components/CVAssistant/CVAssistant.js - Completed projects (including past homepage features like MindGarden) live on the Solved Cases page (
src/components/Projects/Projects.js).
Explore a hidden mini-game within the website, designed to test your detective skills. Can you solve the mystery?
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.
Check out the live version here: CodeArz Live Website
To run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/arzugcaner/codearz.git
cd codearz
-
Install dependencies:
npm install -
Start the development server:
npm start -
Open your browser and visit:
http://localhost:3000
The project is deployed using GitHub Pages . To build and deploy:
-
Build the production version:
npm run build
-
Deploy to GitHub Pages:
npm run deploy
This project is licensed under the MIT License.
- React.js for powering the frontend.
- GitHub Pages for hosting the project.
- Inspiration from the problem-solving mindset of Sherlock Holmes .
Feedback and contributions are always welcome! Feel free to open an issue or create a pull request to improve this project.