https://github.com/eritech98/my_react_portfolio_frontend
A modern, responsive React portfolio showcasing my skills, projects, and passion for building full-stack and AI-powered web applications. Designed for clarity, performance, and personality.
https://github.com/eritech98/my_react_portfolio_frontend
ant-design api-rest boostrap4 dontenv express git gmail-api gmail-smtp json jsx nodejs nodemailer react typescript
Last synced: about 1 month ago
JSON representation
A modern, responsive React portfolio showcasing my skills, projects, and passion for building full-stack and AI-powered web applications. Designed for clarity, performance, and personality.
- Host: GitHub
- URL: https://github.com/eritech98/my_react_portfolio_frontend
- Owner: eritech98
- Created: 2025-02-13T07:37:44.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-04-18T02:23:24.000Z (6 months ago)
- Last Synced: 2025-04-23T23:46:22.865Z (6 months ago)
- Topics: ant-design, api-rest, boostrap4, dontenv, express, git, gmail-api, gmail-smtp, json, jsx, nodejs, nodemailer, react, typescript
- Language: TypeScript
- Homepage: https://erick.up.railway.app
- Size: 7.46 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌐 Erick's Developer Portfolio
Welcome to my personal developer portfolio, a dynamic and responsive full-stack web application that showcases a collection of projects built with modern web technologies, API integrations, and powerful backend functionalities.
## 🚀 About This Portfolio
This portfolio is a React + TypeScript-based frontend application, paired with a Node.js + Express backend. It demonstrates a wide range of real-world projects including:
- 🧠 **AI Chatbots** powered by **Qwen Model AI API**
- 🌦️ **Real-time Weather Applications** using external APIs
- 🗺️ **Map Integrations** using **Mapbox**
- 📦 **CRUD Applications** using **PostgreSQL** and custom **REST APIs**
- 📬 **Form Handling** with **Nodemailer** for email communication
- 💻 **Responsive Design** optimized for all screen sizes
- 🔐 **Secure Environment Variables** managed with `dotenv`
- 🎨 Frontend Styling using:
- **Bootstrap CSS**
- **SASS**
- **Tailwind CSS**
## 🛠️ Tech Stack
### Frontend
- React (JSX & TypeScript)
- HTML5, CSS3
- Bootstrap / SASS / Tailwind CSS
### Backend
- Node.js
- Express.js
- Nodemailer (for email)
- PostgreSQL (Database)
- dotenv (for environment variable management)
### APIs & Libraries
- Qwen AI Chatbot API
- Mapbox (map visualizations)
- OpenWeather / other weather APIs
## 🧩 Features
- Fully **responsive design** across devices
- AI-driven chatbot experiences
- Dynamic weather visualizations from live APIs
- Interactive maps with layered data
- Backend integration with secure form handling
- Modular project structure for scalability
- Most apps are designed to run **locally**
## 🌐 Hosting
The portfolio is **hosted on Railway's free tier**, while most full-stack applications are currently designed for local development and testing. Plans for cloud deployment are underway.
## 📂 How to Run Locally
1. Clone this repository:
```bash
git clone https://github.com/your-username/your-portfolio-repo.git
cd your-portfolio-repo