yujisatojr · anne7076 · Apr 2, 2026 · Apr 3, 2026 · Apr 3, 2026 · Apr 3, 2026
diff --git a/.gitignore b/.gitignore
@@ -13,6 +13,7 @@
 
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local

diff --git a/GEMINI.md b/GEMINI.md
@@ -0,0 +1,69 @@
+# Project Overview
+
+This project is a responsive developer portfolio template built with React, TypeScript, and SCSS. It aims to provide a customizable layout for showcasing past projects, career history, and skill sets.
+
+**Key Technologies:**
+
+- **Frontend Framework:** React
+- **Language:** TypeScript
+- **Styling:** SCSS (Sass)
+- **UI Components:** Material-UI (`@mui/material`), Emotion (`@emotion/react`, `@emotion/styled`)
+- **Icons:** Font Awesome (`@fortawesome/react-fontawesome`)
+- **Animations/Effects:** `react-vertical-timeline-component`
+- **Build Tool:** Create React App (`react-scripts`)
+
+**Features:**
+
+- Open source and free to use.
+- Responsive design and mobile-friendly.
+- Supports both dark and light modes.
+- Highly customizable multi-component layout.
+
+# Building and Running
+
+This project uses `npm` for package management and script execution.
+
+## Installation
+
+To install the project dependencies, run:
+
+```bash
+npm install
+```
+
+<h2>Development Server</h2>
+
+To start the development server and view the app in your browser (usually at `http://localhost:3000`), run:
+
+```bash
+npm run dev
+```
+
+The page will reload if you make edits. You will also see any lint errors in the console.
+
+<h2>Building for Production</h2>
+
+To build the application for production to the `build` folder, run:
+
+```bash
+npm run build
+```
+
+This command optimizes the build for the best performance.
+
+<h2>Deployment</h2>
+
+The project can be deployed to various services. For deployment to GitHub Pages, the following scripts are available after configuring the `homepage` and `scripts` in `package.json` as described in the `README.md`:
+
+```bash
+npm run predeploy # Builds the app for deployment
+npm run deploy    # Deploys the built app to GitHub Pages
+```
+
+# Development Conventions
+
+- **Language:** TypeScript is used for type safety and improved code quality.
+- **Component-Based Architecture:** The project follows a component-based structure typical of React applications, with components located in the `src/components` directory.
+- **Styling:** SCSS is used for styling, with global styles defined in `src/index.scss` and component-specific styles likely within their respective `.scss` files (e.g., `src/assets/styles/Contact.scss`). The project includes support for both dark and light themes.
+- **Linting:** ESLint configurations (`eslintConfig` in `package.json`) are set up for code consistency and error detection.
+- **UI Libraries:** Material-UI and Font Awesome are utilized for consistent UI elements and iconography.
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Yuji Sato
+Copyright (c) 2022 Anne Hamet
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -1,86 +1,64 @@
-# Developer Portfolio Template 🚀
+# ANNE Mahamadou | AI & Software Engineer 🚀
 
-![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) ![Node.js](https://img.shields.io/badge/Node%20js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white) ![npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) ![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E) ![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) ![Sass](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)
+Welcome to my personal portfolio! This project showcases my expertise in backend development, AI solutions, and DevOps, as well as the personal projects I've built.
 
-## What is this?
+[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/anne7076)
+[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/hamet-anne-036924274/)
 
-This simple portfolio template is designed to showcase your past projects, career history, skill sets, and more.
+## 👨‍💻 About Me
 
-View the [Demo](https://yujisatojr.github.io/react-portfolio-template/).
+I am a passionate **AI & Software Engineer** specializing in building robust backend systems and innovative GenAI-enabled solutions. My experience ranges from developing e-commerce platforms to creating advanced RAG-based chatbots.
 
-**This template is free to use, and no attribution is required.** You can fork or download this repository to customize it for your own use. Please don't forget to leave a ⭐ if you like this portfolio!
+## 🛠️ Tech Stack
 
-![screenshot](./src/assets//images/screenshot.png)
+- **Frontend:** React, TypeScript, SCSS, Material-UI
+- **Backend:** Java (Spring Boot), Python (FastAPI/Flask)
+- **AI & Data:** LLMs, LangChain, Hugging Face, OpenAI, RAG, SQL, MongoDB, Oracle
+- **DevOps:** Docker, GitHub Actions, AWS, Linux
 
-## Features
+## 🌟 Key Projects
 
-✅ Open source (free to use, no attribution required)  
-✅ Responsive design & mobile-friendly  
-✅ Supports both dark and light modes  
-✅ Highly customizable multi-component layout  
-✅ Built with modern technologies (React, TypeScript, JavaScript, and SCSS)  
-
-## Quick Setup
-
-1. Ensure you have [Node.js](https://nodejs.org/) installed. Check your installation by running:
-
-    ```bash
-    node -v
-    ```
-
-2. In the project directory, install dependencies:
-
-    ```bash
-    npm install
-    ```
+- **Moroccan Constitution Chatbot:** A RAG-based chatbot designed to answer questions about constitutional articles.
+- **E-Commerce Platform:** A full-stack application with React and Spring Boot featuring secure payments and user authentication.
+- **Loan Data Analysis:** Comprehensive data analysis using Python to identify key loan approval factors.
+- **Pharmacy Management System:** A robust Java application for inventory and prescription management.
 
-3. Start the development server:
+## 🚀 Features of this Portfolio
 
-    ```bash
-    npm start
-    ```
-
-4. Open [http://localhost:3000](http://localhost:3000) to view the app in the browser.
-
-5. Customize the template by navigating to the `/src/components` directory. Modify texts, pictures, and other information as needed.
-
-The page will reload if you make edits, and you will see any lint errors in the console.
-
-If you are interested in creating a mockup image like the ones from the personal projects section, I recommend [Genmoo](https://gemoo.com/tools/browser-mockup-generator/). This website lets you generate sleek looking browser mockups for free.
-
-## Deployment
+✅ Responsive design & mobile-friendly  
+✅ Dark and Light mode support  
+✅ Interactive project and expertise cards  
+✅ Clean, component-based architecture (React + TypeScript)
 
-You can choose your preferred service (e.g., [Netlify](https://www.netlify.com/), [Render](https://render.com/), [Heroku](https://www.heroku.com/)) for deployment. One of the easiest ways to host this portfolio is using GitHub Pages. Follow the instructions below for a production deploy.
+---
 
-1. **Set Up GitHub Repository**
+## 🛠️ Development
 
-    Create a new repository on GitHub for your portfolio app.
+### Setup
 
-2. **Configure `package.json`**
+1. Install dependencies:
 
-    Edit the following properties in your `package.json` file:
+   ```bash
+   npm install
+   ```
 
-    ```json
-    {
-        "homepage": "https://yourusername.github.io/your-repo-name",
-        "scripts": {
-            "predeploy": "npm run build",
-            "deploy": "gh-pages -d build",
-            ...
-        }
-    }
-    ```
+2. Run the development server:
+   ```bash
+   npm run dev
+   ```
 
-    Replace `yourusername` with your GitHub username and `your-repo-name` with the name of your GitHub repository.
+### Building for Production
 
-3. **Deploy to GitHub Pages**
+To create an optimized production build:
 
-    Run the following command to deploy your app:
+```bash
+npm run build
+```
 
-    ```bash
-    npm run deploy
-    ```
+### Deployment
 
-4. **Access Your Deployed App**
+This portfolio is configured for deployment to GitHub Pages:
 
-    After successfully deploying, you can access your app at `https://yourusername.github.io/your-repo-name`.
+```bash
+npm run deploy
+```
diff --git a/index.html b/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="My personal portfolio website." />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <title>ANNE Mahamadou</title>
+</head>
+
+<body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+</body>
+
+</html>